个性化阅读
专注于IT技术分析

禁用全页滚动,低于指定的分辨率

我正在使用fullPage.js(js插件提供一页滚动功能), 现在我必须在1199宽度以下禁用此功能。我试图通过在基于条件的条件下(在窗口宽度应大于1199的情况下)在寡妇加载和调整大小两者中调用它的函数来实现此目的, 它在窗口加载时起作用, 但是调整大小功能不起作用, 并且在控制台中显示错误

错误:: fullPage:Fullpage.js只能初始化一次, 并且你需要多次初始化!

因为库在页面加载中一次加载两次, 而在窗口调整大小时又加载一次。如何在窗口调整大小和窗口加载时禁用宽度1199以下的宽度。

这是我的代码:

    var init = {
    one_page_scroll : function(){ 
                /*--------- one pge scroll --------*/
                var windowWidth = $(window).width();
                if(windowWidth > 1199){
                    $('#fullpage').children().each(function(){
                        $(this).not( ".vc_row-full-width" ).addClass('section');
                    });
                    $('#fullpage').fullpage({
                        navigation: true, interlockedSlides: false, fixedElements : '', });

                }

            }, };

然后在窗口加载和窗口调整大小这两个函数中都调用了此函数, 如下所述:

jQuery(document).ready(function(){
    $(window).on('load', function(){
        init.one_page_scroll();
    });
});
jQuery( window ).resize(function() {
    var windowWidth = $(window).width();
    if(windowWidth > 1199){ 
        init.one_page_scroll();
    }
});

#1


你为什么不只使用响应式选项而不是初始化它呢?

你可以使用响应宽度或响应高度来关闭自动滚动。然后, 你可以将其与fp-auto-height-sensitive结合使用, 以关闭全屏部分和幻灯片。

而且, 如果你甚至需要更多, 可以使用ResponseSlides选项将响应中的水平幻灯片转换为垂直幻灯片。

赞(0) 打赏
未经允许不得转载:srcmini » 禁用全页滚动,低于指定的分辨率
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏