整页.js和WordPress集成

fullpage.js and wordpress integration

本文关键字:集成 WordPress js 整页      更新时间:2023-09-26

我有一个网站:

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

我正在尝试使滚动力从一个部分移动到另一个部分,而不是正常的页面滚动。我尝试在整页中设置.js(http://alvarotrigo.com/fullPage/),但我似乎无法让它识别它。

任何人都可以看看并帮助我解决这个问题吗?因为我似乎不明白为什么我无法让页面像整页.js网站一样从一个部分滚动到另一个部分。

问题出在放错位置的, .

这是您当前的代码

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

锚在[]中有一个额外的,,但没有一个之后说有更多的元素即将到来。

试试这个:

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

j查询问题

试试这个:

<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>
好的找到了

解决方案。我使用的代码是错误的。它最终是我需要使用的jQuery库: https://github.com/guins/jQuery.scrollSections

这是

<script> jQuery(function() { jQuery('section.section').scrollSections(); }); </script>

连同随附的 js 文件。

感谢您的帮助:)