Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Swiper和FullpageJS滚动_Javascript_Jquery_Fullpage.js_Swiper - Fatal编程技术网

Javascript Swiper和FullpageJS滚动

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,

我对那两个人有点意见。我使用FullpageJS在一个部分中滚动和滑动整个页面

我的页面包含3个部分:

  • 介绍部分包含一些文本和主菜单

  • 我在产品区放了游泳衣

  • 3.带有联系人表单和页脚的结束部分

    FullpageJS是ofc,仅在这些页面之间滚动

    这是我的刷卡代码:

    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)
                }
        }