Javascript Swiper和FullpageJS滚动
我对那两个人有点意见。我使用FullpageJS在一个部分中滚动和滑动整个页面 我的页面包含3个部分:Javascript Swiper和FullpageJS滚动,javascript,jquery,fullpage.js,swiper,Javascript,Jquery,Fullpage.js,Swiper,我对那两个人有点意见。我使用FullpageJS在一个部分中滚动和滑动整个页面 我的页面包含3个部分: 介绍部分包含一些文本和主菜单 我在产品区放了游泳衣 3.带有联系人表单和页脚的结束部分 FullpageJS是ofc,仅在这些页面之间滚动 这是我的刷卡代码: let mySwiper = new Swiper('.swiper-container', { // Optional parameters releaseOnEdges: true,
let mySwiper = new Swiper('.swiper-container', {
// Optional parameters
releaseOnEdges: true,
direction: 'vertical',
loop:false,
centeredSlides: true,
breakpoints:{
768:{
direction:'horizontal',
slidesPerView: '1.1'
}
},
slidesPerView: '1.65',
mousewheel: {
invert: false,
releaseOnEdges:true,
}
});
正如您所见,swiper由鼠标滚动控制。
下面是我的fullpageJS代码:
$('#fullpage').fullpage({
controlArrows: false,
normalScrollElements: '#products',
});
“normalScrollElements”在屏幕上显示“产品”部分时防止fullpageJS滚动
我面临的问题是Swiper方法'isEnd'执行得太快。产品部分包含全宽和全高的泳衣容器,带有10个滑梯
我想做的是,当我在最后一张幻灯片后使用鼠标滚轮时,告诉滑水者滑到下一部分isEnd的方法正在工作,但不是我想要的
当第9张幻灯片切换到第10张幻灯片时,它同时向下滚动页面,所以我实际上看不到有什么内容。我需要从第3节向后滚动到第2节才能看到它。我想调用$.fn.fullpage.moveSectionDown();
只有当我尝试在幻灯片10后滚动时。我所要做的就是使用“reachEnd”
添加“setTimeout”后,页面不再在幻灯片9和10之间滚动:)我所要做的就是使用“reachEnd”
添加“设置超时”后,页面不再在幻灯片9和10之间滚动:)我有相同的问题,我应该将reachEnd和setTimeout放在哪里?我有相同的问题,我应该将reachEnd和setTimeout放在哪里?
on:{
reachEnd: function () {
setTimeout(function () {
$.fn.fullpage.setAllowScrolling(true);
},100)
}
}