Javascript-форум - Убрать полосу прокрутки. Оставить скроллинг

Javascript-форум (https://javascript.ru/forum/)

- Ваши сайты и скрипты (https://javascript.ru/forum/project/)

- - Убрать полосу прокрутки. Оставить скроллинг (https://javascript.ru/forum/project/5572-ubrat-polosu-prokrutki-ostavit-skrolling.html)

Izgoj

23.10.2009 21:14

Убрать полосу прокрутки. Оставить скроллинг

Очень нужно убрать полосу прокрутки на сайте, но при этом оставить непосредственно функцию прокрутки колесиком.
Пытался сам, но получилось только для IE:

<html>
<body id="stranica" style="overflow: hidden">
<div id="peremeschaemij" style="position: absolute; left: 250; top: 50">
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
<div>ЛЯЛЯЛЯ<br><br><br><br><br><br>
</div>
</body>
<script>
	function stranica.onmousewheel()
{ var m = parseInt(document.all.peremeschaemij.style.top)
delta = event.wheelDelta/120
if (delta > 0)
document.all.peremeschaemij.style.top = m + 100
if (delta < 0)
document.all.peremeschaemij.style.top = m - 100
}
</script>
</html>

x-yuri

24.10.2009 03:05

зачем убирать полосу прокрутки, если весь текст не помещается на страницу?

Izgoj

24.10.2009 22:57

блин, мне для фрейма нужно....

Octane

24.10.2009 23:07

Цитата:

Сообщение от Izgoj

мне для фрейма нужно

iframe: атрибут scrolling

Izgoj

24.10.2009 23:13

спс, но по ссылке нету варианта, чтобы не было полосы прокрутки, но был бы скроллинг мышкой...

Octane

24.10.2009 23:20

Скроллинг мышкой уже сами, с помощью JavaScript, отлавливая события DOMMouseScroll и mousewheel.

Izgoj

24.10.2009 23:25

ну вот. мне и очень нужен скрипт, как эо сделать. потому что я способен только на IE. я долго пробовал, но никак не получается. помогите плз для других браузеров!!!)

B~Vladi

25.10.2009 21:15

Сказано же - DOMMouseScroll

x-yuri

25.10.2009 21:36

Цитата:

Сообщение от Izgoj

я долго пробовал, но никак не получается. помогите плз для других браузеров!!!)

так расскажи, что у тебя там такое, что полос прокрутки быть не должно, но скроллинг мышкой - должен быть

Izgoj

25.10.2009 21:58

у меня iframe. если у него сделать полосу прокрутки, то весь вид испортиться, а прокручивать содержимое необходимо.

По поводу onmousewheel и dommousescroll. Я понимаю, что нужно отловить события с их помощью. Что нужно использовать attachevent. Но. Как это сделать наверняка, я не знаю. Я очень долго пытался сделать сам, но ни фига не получается.

Kolyaj

26.10.2009 13:29

Цитата:

Сообщение от Izgoj

у меня iframe. если у него сделать полосу прокрутки, то весь вид испортиться, а прокручивать содержимое необходимо.

А как пользователь догадается, что можно прокручивать?

В любом случае вы тут все извращенцы, ибо достаточно iframe запихнуть в div с overflow: hidden, той же высоты и с шириной на 20px меньше.

x-yuri

26.10.2009 14:25

Цитата:

Сообщение от Izgoj

если у него сделать полосу прокрутки, то весь вид испортиться, а прокручивать содержимое необходимо.

сделай полосу прокрутки сам

Цитата:

Сообщение от Kolyaj

В любом случае вы тут все извращенцы, ибо достаточно iframe запихнуть в div с overflow: hidden, той же высоты и с шириной на 20px меньше.

спорный вопрос, твое решение из серии browser detection

Kolyaj

26.10.2009 15:08

Цитата:

Сообщение от x-yuri

твое решение из серии browser detection

А причем здесь browser detection?

x-yuri

26.10.2009 15:19

ну это несколько далекая аналогия: определние браузера не гарантирует, что будет работать некоторая фича. Также 20px не спасет, если пользователь увеличит размер полосы прокрутки :) Например, для Font size Extra large (свойства экрана) ширина - 26px. Хотя в общем-то можно и больше 20px поставить...

Izgoj

26.10.2009 15:45

создав собственную полосу прокрутки, всё равно необходимо сделать скроллинг. Просто полоса прокрутки - необычная, и это отдельный вопрос.
Вот файл содержимого фрейма. Подскажите пожалуйста, в чём тут ошибка (возможно - в самом простом):

<html>
<body id="fon" style=" overflow: hidden ">
<div id="moving" style="position: absolute; left: 0; top: 0">
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
<div>Что не так???</div><br><br><br><br><br><br><br>
</body>
<script>
<!--begin!-->
  if (get('fon').addEventListener)
  {
      get('fon').addEventListener('DOMMouseScroll', wheel, false);
  }
  get('fon').onmousewheel = wheel;
	function wheel(event)
{
    var wheelDelta = 0;    
    var step = 300;
    if (!event) 
    { event = window.event;
    }
    if (event.wheelDelta) 
    { wheelDelta = event.wheelDelta/120;
    } 
    else if (event.detail) 
    { wheelDelta = -event.detail/3;
    }
    if (wheelDelta)
    {   var m = parseInt(document.all.moving.style.top);               
        document.all.moving.style.top = wheelDelta*step + m;
    }
}
<!--end!-->
</script>
</html>

Kolyaj

26.10.2009 15:48

Цитата:

Сообщение от x-yuri

Например, для Font size Extra large (свойства экрана) ширина - 26px. Хотя в общем-то можно и больше 20px поставить...

20px я от балды взял, ничто не мешает взять ширину viewport'а у iframe.

Izgoj

26.10.2009 17:24

Цитата:

Блин, как все просто оказывается)) большое спасибо!!
Но, все-таки, можно узнать в чем ошибка указанного мной кода?

Часовой пояс GMT +3, время: 05:19.