2014-03-01 197 views
4

我一直有这个问题与fullpage.js不允许我正确滚动。请参阅https://www.rewardslive.com/testfullPage.js不滚动/不滚动

我已经将jQuery 1.10加载到网站上,但这里问题的javascript代码是在页面上内联的,在初始化代码之后,这是文档的扩展准备就绪rewardslive.js内联脚本没有冲突。

转到页面并不构成问题,但是当我尝试向下滚动时,url栏变为https://www.rewardslive.com/test#secondPage - 但没有实际向下滚动,也没有更新新内容。我想保持所见的头部,在那里有所有的意图和目的。

有什么我在这里失踪?所有我想要的是基本的全页面,'向下滚动功能以查看更多'功能。再次

感谢, 乔治

回答

3

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库包含单一效果,您可以使用easings file provided by fullPage.js,其中包含所有jQuery UI缓动。

+0

我在jQuery用户界面中添加了,但它似乎打破了网站的其余部分,并使其全部变为纯文本而不是插件工作...任何想法?我只是把jquery ui放在那里。 – George

+0

你做错了什么。请以[live demo](http://alvarotrigo.com/fullPage/)的源代码为例(或其他在线示例),然后从中添加您的内容。 – Alvaro

+0

如果我一次有3个版本的jQuery会有问题吗?我有1.4.1,这是我的一个传统js应用程序1.10.2所需要的,这是我主要使用的应用程序之一。我不知道fullpage.js是否只支持1.8.3,但我一直在使用1.10.2来完成其他任何事情。对不起,我感到困惑..我不擅长JavaScript。也许这是与我的其他JavaScript的冲突?我会尝试你的方法并报告回来!〜 – George