为什么我的鼠标滚轮/击键/单击事件监听器不能与“一页滚动”一起正常使用？

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');
}});