Как сделать изменяющийся контент при скроле?

Question

[DeNick]

Приветствую. Появился вопрос.Как сделать,что бы при скроле страницы менялся контент на сайте(К примеру h2 заголовок) при этом он фиксированный. Соответственно крутим вниз,меняется текст по порядку 1,2,3. Крутим вверх 3,2,1. Сейчас использую multiScroll.js для изменения фона при скроле (можно и текст менять),но вот для текста он мне немного не подходит,ибо я использую bootstrap,а с этим скролом он правильно не хочет работать. В js пока не силен.Знаю что можно использовать window.onscroll,но не совсем понимаю как реализовать в этом случае. Кто поможет буду очень благодарен.

Answer 1

[Денис Князев]

вот пример использования
Присвоить класс при скролле?

Comments

[DeNick]

Попробовал, не работает. Может это из-за multiScroll.js? Вообще у меня у html, body стоит overflow:hidden;

[DeNick]

Использовал это

$(window).on("scroll touchmove", function () {
      $('.list1').toggleClass('tiny', $(document).scrollTop() > 0);
  });

[DeNick]

Да,сейчас проверил,убрал скрипт и убрал overflow:hidden. Когда появился скрол тогда и работает добавление класса.