Почему прослушиватель событий мыши / колеса / нажатия клавиш не работает должным образом с прокруткой одной страницы?

Question

Я использую библиотеку прокрутки одной страницы, и у меня есть фиксированный div с текстом, который должен показывать номер страницы, которую просматривает пользователь. Например, если пользователь находится на странице 1, он должен сказать «страница 1», а когда пользователь находится на странице 2, он должен сказать «страница 2. У меня вроде как он работает с колесиком мыши, нажатием клавиши и слушателем события щелчка, но кажется, что там это какая-то ошибка, потому что иногда номера страниц не соответствуют.

Может ли кто-нибудь объяснить, почему так происходит? Я знаю, что одностраничная прокрутка плохо работает с областями просмотра / прокруткой. Это результат этого или мой код неверен?

$('body').bind('keydown click mousewheel', function()  {
   if ( $('.page1').hasClass('active') ) {
       $('.sectiontext').text('page 1');
   } else if ( $('.page2').hasClass('active') ) {
       $('.sectiontext').text('page 2');
   } else {
       $('.sectiontext').text('page 3');
}});