Question

   jQuery(document).ready(function(){
   if(screen.width < 767){
   jQuery.fn.fullpage.setAutoScrolling(false);
  }
   else{
  jQuery('#fullpage').fullpage({
   scrollBar:true,
   afterRender: function(){
   jQuery('.hslider_misc_holder').each(function(){
   var hslider_slider_id = jQuery(this).attr('id').slice(8);
   activate_width_checker(1080, 1080, 'responsive', hslider_slider_id);
  });
  }
  });
   }


 });

我正在尝试关闭767px以下的fullpage.js当前功能是关闭自动滚动，无论我尝试什么解决方案我都无法阻止效果!!!

理想情况下，我希望它完全关闭。

帮助表示赞赏

蚂蚁

Answer 1

使用fullpage.js响应选项：responsiveWidth或responsiveHeight。

来自the docs：

responsiveWidth：（默认为0）正常滚动（autoScrolling：false）将在定义的宽度（以像素为单位）下使用。如果用户想要将它用于他自己的响应式CSS，则会向body标签添加类fp-responsive。例如，如果设置为900，则只要浏览器的宽度小于900，插件就会像普通网站一样滚动。

responsiveHeight：（默认为0）正常滚动（autoScrolling：false）将在定义的高度（以像素为单位）下使用。如果用户想要将它用于他自己的响应式CSS，则会向body标签添加类fp-responsive。例如，如果设置为900，则只要浏览器的高度小于900，插件就会像普通网站一样滚动。

Example online（github示例文件夹中提供的代码）

关闭FullPage.js低于767px

1 个答案: