2
刚开始使用fullPage.js。 我在练习中写了一些滑块,发现滑动滚动不能用鼠标滚轮来控制。阅读帮助文档(https://github.com/alvarotrigo/fullPage.js),但仍未找到任何参数可以提供帮助。 所以任何人都可以给我一些关于如何解决这个问题的建议?fullpage.js滚动滑块
代码:
$(function() {
$("#dowebok").fullpage({
verticalCentered: false,
anchors: ['page1', 'page2', 'page3', 'page4'],
navigation: true,
navigationTooltips: ['1', '2', '3', '4'],
});
});
问题解决了,下面的代码:
$('.slider-section').bind('mousewheel DOMMouseScroll', function (e) {
if (e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {
if (!$('.first-slide').hasClass('active')) {
$.fn.fullpage.moveSlideLeft();
} else {
$.fn.fullpage.moveSectionUp();
}
} else {
if (!$('.last-slide').hasClass('active')) {
$.fn.fullpage.moveSlideRight();
} else {
$.fn.fullpage.moveSectionDown();
}
}
return false;
});
很酷,它运作良好。 – Lion
好吧,现在出现了一个新问题,它在滑块部分阻塞,滚动不会上移/下移到另一个部分 – Lion
我给出了一个起点,您可以确定例如 $('。last-slide')。hasClass ('.active'){。{0} {0} {.fn.fullpage.setAllowScrolling(true); } – Froxz