2017-04-24 10 views
0

私は自分のウェブページのスクロールをdivs/sectionsに制限したいと思っています。 スクロール・ステップを画面の高さに制限します。 ユーザーがマウスホイールまたはMac 2-finger-scrollのいずれかでスクロールしている場合。 彼は自動的に次のセクションまたは前のセクションにスクロールする必要があります。 例ページ:Jenny ExampleFLPNY ExampleJS scrollTo next Section onscroll

ここではスクロールイベント(デバウンス)をリッスンすることを制限するための関数が既に見つかりました。私は、ランダムなスクロール動作をどのようにして得られないかを理解できません。

function debounce(func, interval) { 
    var lastCall = -1; 
    return function() { 
     clearTimeout(lastCall); 
     var args = arguments; 
     lastCall = setTimeout(function() { 
      func.apply(this, args); 
     }, interval); 
    }; 
} 

$(window).on('wheel', debounce(function (e) { 
    currentScrollPosition = document.documentElement.scrollTop || document.body.scrollTop; 
    var delta = e.originalEvent.deltaY; 

    if (delta > 0) { 
     console.log("down"); 

     $("html, body").animate({ 
      scrollTop: nextSection 
     }, 500); 
    } 
    else { 
     console.log("up"); 

     // this will search within the section 
     $("html, body").animate({ 
      scrollTop: prevSection 
     }, 500); 

    } 

答えて

0

かなりわからないことにより、あなたは何を意味するか:私はちょうど何がランダムスクロール動作を取得する方法を見つけ出すことはできません

ただし、リンク先のサイトはfullPage.jsです。

+0

これはまさに私が探していたものです。このエフェクトをコード化しようとする私の試みは、時々ランダムにスクロールダウンすることにつながりました。私はその理由を理解しませんでした。 – AHahn