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

时间:2015-04-16 09:13:05

标签: javascript html css scroll fullpage.js

为什么当高度低于500px时不要滚动工作?什么可能是解决方案?

检查Example

如果删除scrollOverflow的任何标记,样式或注释,都可以。

我使用 Chrome 42.0.2311.82 beta-m(64位)

2 个答案:

答案 0 :(得分:2)

您正在禁用自动滚动。不知道你是否打算......

$(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']
    });
});

这样从fullPage自动滚动就可以了。

当高度小于500px时,它仍然有效。如果你想要正常滚动小于500px,请执行以下操作:

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

答案 1 :(得分:1)