Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Отслеживать скролинг (https://javascript.ru/forum/dom-window/39466-otslezhivat-skroling.html)

clampson 01.07.2013 17:23

Отслеживать скролинг
 
Привет всем. Задача сделать движущееся выпадающие меню. Само меню уже реализовано силами css, но вот беда, когда я начинаю скролить страничку вниз, не на своём месте меню выглядит не красиво. И тут я подумал что при скролинге хорошо бы подсовывать ему другой класс для css. Логика:
Код:

<div class="
{/*код на js: если скрол опустился ниже определённой отметки возвращать один текст, иначе другой */}
">

знание js у меня в зачаточном состоянии, по этому полагаюсь на ваше мнение по вопросом: будет ли всё это работать? И если да, куда мне копать чтобы научить скрипт понимать когда страничка скролится? Спасибо за ваше внимание к моей проблеме.

danik.js 01.07.2013 17:46

Цитата:

Сообщение от clampson
куда мне копать чтобы научить скрипт понимать когда страничка скролится

По событию scroll проверяй изменение свойства scrollTop прокручиваемого элемента.

clampson 01.07.2013 20:13

Цитата:

Сообщение от danik.js
По событию scroll проверяй изменение свойства scrollTop прокручиваемого элемента.

спасибо, разобрался

clampson 01.07.2013 21:33

вдруг кому то понадобится ...

<script type="text/javascript">
        window.onscroll = function() {
       	var scrolled = window.pageYOffset || document.documentElement.scrollTop;
        var elem = document.getElementById('idtopmenu');
      	if (scrolled>65){ elem.className = "topmenu2";}
        else{elem.className = " topmenu"; }
	}
</script>


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