FullPage JS:如何"禁用"智能手机上的FullPage和长页显示部分?

时间:2016-09-01 00:42:51

标签: fullpage.js

我正在使用FullPage JS来显示几个部分。在桌面上,它完美运行。

但是,有些部分有相当多的内容。在智能手机上,涵盖了这些部分的部分内容。换句话说,当我滚动时我只能看到这些部分的内容(我已经使用媒体查询来减少智能手机上的内容显示,但这些部分的内容比全屏可以在智能手机上显示的内容更多)

我需要通常的FullPage JS才能在桌面上为我工作。但是,我可以在智能手机上禁用全屏显示,只需在智能手机上显示一个长页面列表吗?有没有人这样做过?

谢谢!

1 个答案:

答案 0 :(得分:2)

fullpage.js为其提供了选项,例如responsiveWidthresponsiveHeight,它会在px中的给定值下关闭自动滚动。

将这些与课程fp-auto-height-responsive结合起来,您就可以获得所需的内容。

所有这些都是详细的in the docs

  

响应式自动高度部分   可以使用类fp-auto-height-responsive来应用响应自动高度。这样,部分将是全高,直到响应模式被触发。

     

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

     

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