iScroll: отслеживать координату Y для добавления класса на прокрутку

Question

Когда я регистрирую myScroll.y и myScrollPagesY, я получаю это:

var myScroll; 
function loaded() { 
        myScroll = new iScroll('wrapper', { 
                snap: 'div', 
        momentum: false}); 
console.log(myScroll.y); 
console.log(myScroll.pagesY); 
} 

Выход:

0

0, -422, -465

Итак, числовое значение по умолчанию равно 0, но пока я прокручиваю, я не вижу изменения числа в консоли.

Должен ли я каким-то образом включать iScroll refresh (); способ постоянно обновлять координату Y?

Как бы я написал утверждение if, которое в основном гласит:

если myScroll.y = определенное число, добавьте класс "selected" к кнопке навигации.

По сути, когда вы прокручиваете страницу вниз, я хочу, чтобы навигационная панель вверху подсвечивалась при нажатии на новый раздел.

Заранее спасибо!

Answer 1

Вы можете использовать onScrollMove-событие. Присоедините метод к этому свойству iScroll. Первым аргументом является скроллеробъект. Теперь прочитайте значение y.

function onScrollMove(scroller, e) {
  //read scroller.y or scroller.currPageY, or whatever property you want to use :)
};