鼠标滚动事件仅在可用空间中起作用

Question

我正在使用turn.js和jquery创建一本翻书。我想在鼠标向上或向下滚动时翻页。它的效果非常好。但问题是它只在页面上可用的浏览器空间中滚动单个或双重。

这是我的链接。

http://sajidshah.com/proof/flippingbook/index.php?direction=rtl#page/4

，代码是。

$(function(){
          //Keep track of last scroll
          var lastScroll = 0;
          $(window).scroll(function(event){
              //Sets the current scroll position
              var st = $(this).scrollTop();
              //Determines up-or-down scrolling
              if (st > lastScroll){
                next();
                event.preventDefault();
              }
              else {
                 previous();
                 event.preventDefault();
              }
              //Updates scroll position
              lastScroll = st;
           });
        });

Answer 1

使用以下代码.....

window.onload = function()
{
    //adding the event listerner for Mozilla
if(window.addEventListener)
    document.addEventListener('DOMMouseScroll', moveObject, false);

//for IE/OPERA etc
document.onmousewheel = moveObject;
}
function moveObject(event)
{

if (!event) event = window.event;

 if (event.wheelDelta) {


} else if (event.detail) {

   }

}