fullpage.js 和 wordpress 集成答案

【问题标题】：fullpage.js and wordpress integrationfullpage.js 和 wordpress 集成
【发布时间】：2014-11-21 14:36:59
【问题描述】：

我有一个网站：

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

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

任何人都可以看看并帮助我完成这项工作吗？因为我似乎不明白为什么我不能像 fullpage.js 网站那样让页面从一个部分滚动到另一个部分。

【问题讨论】：

只是告诉你，现在有wordpress themes使用fullpage.js。

标签： javascript jquery wordpress fullpage.js

【解决方案1】：

问题在于错误的,。

这是您当前的代码

<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>

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>

【讨论】：

不幸的是，它没有做任何事情:(它仍然像往常一样滚动。理想情况下，当您向下滚动时，我需要它一次滚动整个部分（如果这有意义的话）。
如果您再看一下该站点，您会看到代码现在在那里，但没有做任何事情:(
如果您查看控制台日志，您会收到 2 个与 jQuery 相关的错误。一个是 undefined is not a function 用于您的开始标签，另一个是 unexpected identifier 这可能是由于 jQuery 被破坏了。尝试我所做的上述修改。
好的，我试过了，它破坏了所有的 jQuery（你提交的最后一组代码 :( ）真的有点奇怪。我已经按照你上面给出的代码输入了，但我将 jQuery 换成 $ 并且它现在将 jQuery 错误减少到 1。它只是没有被识别为函数……这很奇怪。
我尝试使用其他一些代码来查看它是否有任何不同（你会看到我添加了 slimscroll.min.js 和几行额外的代码）但它仍然是同样的问题，它说我正在调用的函数..不是一个函数..这很奇怪。

【解决方案2】：

好的，找到了解决方案。我使用的代码是错误的。它最终成为我需要使用的这个 jQuery 库：https://github.com/guins/jQuery.scrollSections

这是

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

附带的js文件。

感谢您的帮助:)

【讨论】：