fullpage.js -在移动设备上设置responsiveWidth和scrollOverflow破坏页面
fullpage.js -在移动设备上设置responsiveWidth和scrollOverflow破坏页面
提问于 2016-01-25 23:12:56
上下文
我在页面上使用fullpage.js，并希望在移动设备上禁用它，因为某些部分不适合移动设备上的单个屏幕(它们只是被切断)。我发现设置responsiveWidth: 1000和scrollOverflow: true具有预期的效果。
问题
然而，设置这些选项似乎也会将整个页面向上移动一个半屏幕--也就是说，价值最高的1.5屏幕内容是不可见的，并且页面只从第2节的中间开始。以前有人经历过这个错误吗？
我看到这个有什么特别的原因吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-26 11:36:51
你不需要使用scrollOverflow，事实上，我总是建议人们不要使用它。那不是一个真正的响应网站！
您可以使用responsiveWidth和responsiveHeight选项，然后通过以下操作强制该节大小：
.fp-responsive .fp-section,
.fp-responsive .fp-slide,
.fp-responsive .fp-tableCell{
height: auto !important;
}我使用的是.fp-responsive类，它是 by fullpage.js之一。它将在插件触发响应模式时添加，并提供一种创建条件CSS样式的方法。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35004261
复制相关文章
相似问题
腾讯云开发者
