2017-03-11 8 views
3

私はこのウェブサイトのように私のスクロール速度をコントロールしたいと思っていますhttp://www.powerwashingcharlotte.com/ スクロールして速くすると遠くまでスクロールし、遅くスクロールすると遅くスクロールします。 私はこのフィドルにこのaccrodingを達成しようとした: http://jsfiddle.net/36dp03ur/ウェブサイトのスクロール速度を制御する方法は?

if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false); 
window.onmousewheel = document.onmousewheel = wheel; 

function wheel(event) { 
    var delta = 0; 
    if (event.wheelDelta) delta = event.wheelDelta/120; 
    else if (event.detail) delta = -event.detail/3; 

    handle(delta); 
    if (event.preventDefault) event.preventDefault(); 
    event.returnValue = false; 
} 

function handle(delta) { 
    var time = 1000; 
    var distance = 300; 

    $('html, body').stop().animate({ 
     scrollTop: $(window).scrollTop() - (distance * delta) 
    }, time); 
} 

が、これは私が提供したウェブサイトのリンクと同じ効果を提供されていません。どんな種類の助けにも感謝します。ありがとうございました。

編集:私はこの質問を投稿してから8時間経ちましたが、答えはまだありません。それを打つ考え。

答えて

1
window.addEventListener('wheel', DoSomething); 

window.addEventListener('mousewheel', DoSomething); 

window.addEventListener('DOMMouseScroll', DoSomething); 

これらのいずれかを試してみてください。ブラウザ固有です。

関連する問題