javascript - fullPage.js 不滚动/无法滚动

标签 javascript scroll vertical-scrolling fullpage.js

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

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

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

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

再次感谢, 乔治

最佳答案

javascript 控制台显示此错误:

Uncaught TypeError: Object # has no method 'easeInQuart'

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

<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 缓动。

关于javascript - fullPage.js 不滚动/无法滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22109945/

相关文章:

javascript - 如何让spawnSync和fs.readFile先后执行?

jquery - Skrollr 相对于滚动 div 对内部元素进行动画处理

javascript - 在表格行中添加垂直滚动

ios - CSS Scroll-Snapping 不断跳过它应该捕捉到的元素之一

javascript - 链接的 `.then()` 能否以与 `.then()` 的顺序不同的顺序返回响应?

javascript - 我可以用纯 CSS2 做这个 "action"吗?

javascript - 检测用户何时使用 jQuery 滚动到 div 的底部

html - 如何在 textarea 的 i-os 设备中显示垂直滚动条?

X 和 Y 轴上的 HTML 表格滚动功能

c# - 到达 ScrollViewer 的底部 - 最大 VerticalOffset 值低于 ScrollableHeight