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