基于链接 https://www.smashingmagazine.com/2014/08/how-i-built-the-one-page-scroll-plugin/ 中的此代码
function init_scroll(event, delta) {
var deltaOfInterest = delta,
timeNow = new Date().getTime(),
quietPeriod = 500;
// Cancel scroll if currently animating or within quiet period
if(timeNow - lastAnimation < quietPeriod + settings.animationTime) {
event.preventDefault();
return;
}
if (deltaOfInterest < 0) {
el.moveDown()
} else {
el.moveUp()
}
lastAnimation = timeNow;
}
$(document).bind('mousewheel DOMMouseScroll', function(event) {
event.preventDefault();
var delta = event.originalEvent.wheelDelta || -event.originalEvent.detail;
init_scroll(event, delta);
});
调用 moveDown()
之前的 el.
部分是什么?我是 jQuery 新手,我不确定它叫什么。
还可以看到调用swipeEvents()
。
el.swipeEvents().unbind("swipeDown swipeUp");
干杯
最佳答案
看看他们的example代码显示:
var el = $(this)
这是插件初始化的元素:
$(".main").onepage_scroll();
在 init_scroll
函数中放置断点并检查 el
显示:
[<div class="main onepage-wrapper" ... > ... </div>]
这确实是插件初始化所在元素上的 jQuery 选择器。
关于javascript - jQuery 什么是 - el.moveDown(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34997940/