FullPage JS：如何在智能手机上“禁用” FullPage并将部分显示为长页？

curious1 发表于 Dev

好奇的

我正在使用FullPage JS显示一些部分。在桌面上，它可以完美运行。

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

我需要普通的FullPage JS在桌面上为我工作。但是，我可以在智能手机上禁用全屏显示，而仅在智能手机上将部分列表显示为长页吗？有人做过吗？

谢谢！

阿尔瓦罗

fullpage.js为此提供了一些选项，例如responsiveWidth和responsiveHeight，它们会在px的给定值下关闭自动滚动。

将这些与课程结合起来fp-auto-height-responsive，您将得到想要的东西。

所有这些都在docs中进行了详细说明。

响应式自动高度部分可以通过使用fp-auto-height-sensitive类来应用响应式自动高度。这样，各个部分将处于全高状态，直到触发响应模式。

responsiveWidth： （默认为0）正常滚动（自动滚动：假）将在像素定义的宽度下使用。如果用户希望将fp响应类添加到body标签，以将其用于自己的响应CSS。例如，如果设置为900，则每当浏览器的宽度小于900时，插件就会像正常站点一样滚动。

responsiveHeight： （默认为0）正常滚动（自动滚动：假）将在像素中的限定的高度下使用。如果用户希望将fp响应类添加到body标签，以将其用于自己的响应CSS。例如，如果设置为900，则每当浏览器的高度小于900时，插件就会像正常站点一样滚动。