頁面滾動不起作用

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> 

我看了一下檢查元素和沒有錯誤消息。滾動條似乎根本不起作用。

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 - '.main'甚至足夠大，能夠瀏覽多個頁面？