【问题标题】:fullPage.js not scrolling / no scroll possiblefullPage.js 不滚动/不可能滚动
【发布时间】:2014-04-02 07:52:07
【问题描述】:

我一直遇到 fullpage.js 的问题,不允许我正确滚动。请在https://www.rewardslive.com/test查看问题

我已经在网站上加载了 jQuery 1.10,但是这里有问题的 javascript 代码是内联在页面上的,之后是初始化代码,它是文档的扩展,在奖励 live.js 中没有冲突内联脚本。

转到该页面不会造成问题,但是当我尝试向下滚动时,url 栏会更改为 https://www.rewardslive.com/test#secondPage - 但实际上没有向下滚动,也没有更新新内容。为了所有意图和目的,我想保留标题。

我在这里缺少什么吗?我想要的只是基本的整页,“向下滚动功能查看更多”功能。

再次感谢, 乔治

【问题讨论】:

    标签: javascript scroll vertical-scrolling fullpage.js


    【解决方案1】:

    javascript 控制台显示此错误:

    Uncaught TypeError: Object # has no method 'easeInQuart'

    这意味着您没有按照指定的in the documentation 导入插件所需的 jQuery UI 库。

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>    
    

    此外,您的 HTML 标记存在问题,您可以看到以红色突出显示的 here

    如果您不想仅仅为了单一效果而包含整个 jquery UI 库,您可以使用包含所有 jquery UI 缓动的easings file provided by fullPage.js

    【讨论】:

    • 我在 jQuery UI 中添加了,但它似乎破坏了网站的其余部分并使其全部变为纯文本,而不是让插件工作......有什么想法吗?我刚刚把 jquery ui 放在那里。
    • 你做错了什么。请以live demo 的源代码为例(或任何其他在线示例),然后从那里添加您的东西。
    • 如果我同时拥有 3 个版本的 jQuery 会有问题吗?我有一个 1.4.1,这是我的一个遗留 js 应用程序所必需的,1.10.2 是我主要使用的一个。我不知道 fullpage.js 是否只支持 1.8.3,但我一直在使用 1.10.2 来处理其他所有问题。很抱歉造成混乱.. 我不擅长 javascript。也许这与我的其他 javascript 冲突?我会试试你的方法并反馈!~
    • 你应该只使用一个。从 1.8.3 及更高版本开始支持整页。
    • 你使用的是什么 javascript 控制台?
    猜你喜欢
    • 2016-05-19
    • 1970-01-01
    • 1970-01-01
    • 2016-01-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多