Question

很抱歉，如果这是一个愚蠢的问题，但我不是最活跃的编码器（实际上我设计网站为生）。

我的问题是：我可以根据div大小禁用fullPage.js吗？

我一直在试图查看，但没有运气。我找到了这个，但我不认为我知道如何调整它，或者它是否可能：

    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.

我希望当div大于1vw 时，fullPage.js的滚动停止。

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

Answer 1

您应该使用fullPage.js提供的响应选项，例如responsiveWidth和responsiveHeight。您可以在fullpage.js docs中找到有关这些选项的所有信息。你可以找到examples online。

使用示例：

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

此外，您可以将fp-auto-height-responsive类用作in this example，以便在响应模式下允许大于视口的部分。

此外，如果您希望在到达响应点时将水平幻灯片转换为垂直部分，则可以使用Responsive Slides extension。

我可以根据div大小禁用fullPage.js吗？

1 个答案: