我正在使用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选项将响应中的水平幻灯片转换为垂直幻灯片。
推荐阅读
- 在WordPress Customizer上禁用WordPress自定义CSS seciton
- WordPress中每个活动菜单项的颜色不同
- WordPress中不同的帖子模板
- WordPress原始主题和子主题之间的区别[重复]
- 在WordPress中使用get_option()定义自定义字段
- 自定义WordPress主题-菜单不会添加到导航中[关闭]
- 自定义网址,用于自定义帖子类型
- WordPress中自定义帖子类型的自定义模板
- 必应输入法状态栏隐藏了还原办法