如果取决于 div 大小.js我可以禁用整页吗?

Question

对不起，如果这是一个愚蠢的问题，但我不是活着的最伟大的程序员(实际上我以设计网站为生(。

我的问题是：我可以禁用整页.js具体取决于div 大小吗？

我一直试图查找这个，但没有运气。我发现了这个，但我认为我不知道如何正确调整它，或者如果可能

：

if(.scrollable.width < 480) { 
$('#fullpage').fullpage({
autoScrolling: false,
fitToSection: false
}} else {
$('#fullpage').fullpage({
autoScrolling: true,
fitToSection: true
}}
.scrollable = div starting at 0vw and expanding to 50vw.

我希望从整页滚动.js当这个div大于1vw时停止。

这可能吗？提前非常感谢。

Answer 1

您应该使用 fullPage.js 提供的响应式选项，例如responsiveWidth和responsiveHeight。您可以在整页.js文档中找到有关这些选项的所有信息。你可以在网上找到例子。

用法示例：

$('#fullpage').fullpage({
responsiveWidth: 900,
responsiveHeight: 600
});

此外，您可以使用fp-auto-height-responsive类(如本例所示(，以允许在响应模式下大于视区的部分。

此外，如果您想在到达响应点时将水平幻灯片转换为垂直部分，则可以使用响应式幻灯片扩展。