Question

我已按照说明在我的Wordpress网站上设置页面滚动：http://www.thepetedesign.com/demos/onepage_scroll_demo.html但它似乎无法正常工作。

页面HTML

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

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

我看过inspect元素，没有错误信息。滚动条似乎根本不起作用。

See link

Answer 1

您已导入jquery.onepage-scroll.js，但也导入其缩小版本jquery.onepage-scroll.min.js。不要包含这两个版本 - 可能会产生Javascript错误。

此外，在运行jQuery代码之前，wrap it in this code:

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

这是因为归类为main的元素可能尚未呈现给DOM，因此在调用onepage_scroll()函数时它不存在。

最后一个潜在的问题是我没有看到你的stysheet - '。''甚至大到足以占用浏览器的多个页面？

页面滚动不起作用

1 个答案: