javascript - fullpage.js 和 WordPress 集成

Question

我有一个网站:

网址:http://362.a07.myftpupload.com/ 密码:aynhoe_park

我试图使滚动力从一个部分转到另一个部分，而不是正常的页面滚动。我已经尝试在 fullpage.js ( http://alvarotrigo.com/fullPage/ ) 中进行设置，但我似乎无法将其设置为认识它。

任何人都可以看一下并帮助我使其正常工作吗？因为我似乎不明白为什么我无法让页面像 fullpage.js 网站一样从一个部分滚动到另一个部分。

Answer 1

问题在于 , 放错了位置。

这是您目前的代码

<script type="text/javascript">
    $(document).ready(function() {
        $.fn.fullpage({
            anchors: ['home','aboutus','ourblog','yourhost','thecollection','thehouse','exclusivehire',]
            menu: '.nav',
            scrollOverflow: true,
        });
    });
</script>

anchor 在 [] 中有一个额外的 ,，但后面没有说明还有更多元素。

试试这个:

<script type="text/javascript">
    $(document).ready(function() {
        $.fn.fullpage({
            anchors: ['home','aboutus','ourblog','yourhost','thecollection','thehouse','exclusivehire'],
            menu: '.nav',
            scrollOverflow: true,
        });
    });
</script>

jQuery问题

试试这个:

<script type="text/javascript">
    jQuery(document).ready(function() {
        jQuery('#fullpage').fullpage();
        jQuery.fn.fullpage({
            anchors: ['home','aboutus','ourblog','yourhost','thecollection','thehouse','exclusivehire'],
            menu: '.nav',
            scrollOverflow: true,
        });
    });
</script>