fullPage.js 为什么滚动不工作？如果删除任何标签或样式 - 有效

Question

为什么当高度小于 500px 时滚动不起作用？解决方案是什么？

如果我删除 scrollOverflow 中的任何标签、样式或评论，它会起作用。

我正在使用 Chrome 42.0.2311.82 beta-m（64 位）

Answer 1

您正在禁用自动滚动。不知道你是不是故意的..

$(document).ready(function() {
    $('#fullpage').fullpage({
        css3: true,
        autoScrolling: false, // here ...
        scrollOverflow: true,
        sectionsColor: ['#e6e6e6', '#e6e6e6']
    });

});

试试这个：

$(document).ready(function() {
     $('#fullpage').fullpage({
            css3: true,
            autoScrolling: true,
            scrollOverflow: true,
            sectionsColor: ['#e6e6e6', '#e6e6e6']
    });
});

这样，全页自动滚动就可以了。

当高度小于 500px 时它仍然有效。如果您希望正常滚动小于 500 像素，请执行以下操作：

  $(document).ready(function() {
        $('#fullpage').fullpage({
            css3: true,
            autoScrolling: true,
            scrollOverflow: true,
            sectionsColor: ['#e6e6e6', '#e6e6e6'],
            responsive: 500
        });
    });

Answer 2

谢谢。没有解决办法。

https://github.com/alvarotrigo/fullPage.js/issues/553

fullPage.js 为什么滚动不工作？如果删除任何标签或样式 - 有效

fullPage.js Why don't work scroll? If remove any tags or styles - worked

javascript

html

css

scroll

fullpage.js