Question

我最近开始使用fullPage.js作为项目，我无法弄清楚如何让溢出滚动工作。我页面中的最后一个“部分”运行时间很长，因此需要垂直滚动。

以下是我<head>代码中的代码：

<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>      
    <script type="text/javascript" src="js/jquery.slimscroll.min.js"></script>
    <script type="text/javascript" src="js/jquery.fullPage.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $.fn.fullpage({
                anchors: ['top', 'brand-or-agency', 'contact-us'],
                fixedElements: '#header',
                resize: false,
                scrollOverflow: true,
                css3: true,
                paddingTop: 100,
                loopTop: false
            });
        });
    </script>

我也在使用Bootstrap（包括JS），以及jQuery验证。

我还缺少其他任何可以启用此功能的内容吗？

Answer 1

我还缺少其他任何可以启用此功能的内容吗？

如果我理解正确的话，你错过的就是名为 normalScrollElements 的选项。它是您定义的类/ ID，然后添加到div元素。

    $(document).ready(function(){
        $.fn.fullpage({
            anchors: ['top', 'brand-or-agency', 'contact-us'],
            fixedElements: '#header',
            resize: false,
            scrollOverflow: true,
            css3: true,
            paddingTop: 100,
            loopTop: false,
            normalScrollElements: '#element, .element'

        });
    });

HTML

<div class='section element'> This section will scroll vertically </div>

正如您所见，仍然需要应用sectionSelector“section”。

scrollOverflow在fullPage.js中不起作用

1 个答案: