1 
html {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body{
    margin: 0;
    min-width: 980px;
    padding: 0; 
    height: 100%;
    width: 100%;
    overflow: auto;
}

これは、macos のラバー バンドのスクロールを防ぐために使用している css です。また、スクロールの方向、下または上を検出したいと考えています。

var iScrollPos = 0;
$(window).scroll(function () {
    var iCurScrollPos = $(this).scrollTop();
    if (iCurScrollPos > iScrollPos) {
        console.log('down');
    } else {
        console.log('up');
    }
    iScrollPos = iCurScrollPos;
});

ただし$(window)、CSS のため、関連する要素ではありません。

4

2 に答える 2

0

スクロールを無効にrubber bandしてスクロール方向を検出する解決策を見つけました。

jquery.mousewheel.jsとこの js

$('body').bind('mousewheel', function(event, delta, deltaX, deltaY) {
    if(delta > 0 )
       console.log('up');
    else
       console.log('down');
});

注: ユーザーが を使用しmouse wheelてページをスクロールしているかどうかのみを検出します。

于 2013-09-26T08:38:17.237 に答える