Javascript 在页面上滚动不工作

我已经按照说明在我的Wordpress网站上设置了页面滚动：但它似乎不起作用

页面HTML

<div class="main">
<section>[new_royalslider id="2"]</section>
<section>...</section>
</div>

[新的\u id=“2”]
...

header.php

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.dawaf.co.uk/creative-mapping/wp-content/themes/wpbootstrap/js/jquery.onepage-scroll.js"></script>
<script type="text/javascript" src="http://www.dawaf.co.uk/creative-mapping/wp-content/themes/wpbootstrap/js/jquery.onepage-scroll.min.js"></script>
<script type="text/javascript" src="http://www.dawaf.co.uk/creative-mapping/wp-content/themes/wpbootstrap/js/jquery.cookie.js"></script>

<script type="text/javascript">
$(".main").onepage_scroll();
</script>

$（“.main”）.onepage_scroll（）；

我已经查看了inspect元素，并且没有错误消息。滚动条似乎不再工作了

---

您既导入了

jquery.onepage scroll.js

，也导入了它的简化版本--

jquery.onepage scroll.min.js

。不要同时包含这两个版本-这可能会导致Javascript错误

另外，在运行jQuery代码之前

这是因为分类为

main

的元素可能尚未呈现到DOM，因此调用

onepage\u scroll（）

函数时它不存在

---

最后一个潜在问题是，我没有看到您的样式表-is'.main'甚至大到可以容纳多页浏览器？

我已经删除了缩小版，但它没有解决问题。好的-我添加了另一个建议。在进行这些更改后，它仍然不起作用。我检查了元素检查器，仍然没有错误。这是什么关于：

[new_royalslider id=“2”]

这是网站上使用的royal slider插件的一个短代码

$( document ).ready(function() {
  $(".main").onepage_scroll();      
});