2012-08-23 31 views
0

我現在已經在我的網站上嘗試了大約6種不同的「平滑滾動」腳本,並且他們都沒有做任何事情。無法獲得任何平滑的滾動腳本來工作

我所擁有的是一個單頁面組合(尚未完成),其頂部有三個鏈接,它們使用命名錨鏈接到頁面的各個部分。當你點擊其中一個頂級鏈接時,我希望它能夠平滑地滾動到該部分,以便您可以看到它正在滾動它傳遞的所有內容。

我已經嘗試了幾個在谷歌上發現的腳本,也有一些是wordpress插件,但他們都沒有做任何事情。我究竟做錯了什麼?現在,如果你看看我的網站,我目前有兩個腳本被包括在內,都沒有工作。一個是wordpress插件,另一個是谷歌的一小部分代碼。

www.johnwhancock.com(注意,只有Portfolio鏈接是建立在這一刻)

一些我已經試過了腳本(不記得是什麼首當其衝是)是:

和其他一些我沒有鏈接了。他們都沒有工作。謝謝。

+0

嘗試在此處包含無法使用的代碼。當你最終修復它時,指向我們的網站是不可持續的。你在這裏提出的問題不僅對你有用,對未來的訪問者也是有用的。 – Bart

+0

謝謝。我編輯了我原來的帖子,以反映我嘗試過的一些事情。據我所知,我正確地使用了它們。我通常沒有添加這樣的腳本到網站的問題。 – BlueCaret

回答

2

你到目前爲止所嘗試的內容還不完全清楚。如果您通過Google搜索發現了代碼,請粘貼它聽到,以便我們可以看到您想要完成的內容。
我假設你打算爲幻燈片使用「平滑滾動」效果。
1.嘗試查看一些已經爲此構建的wordpress主題的代碼。
2.嘗試搜索一些JQuery代碼片段。
編輯:
第二個鏈接顯示了一段合法的代碼。 JQuery被加載可能存在一些問題。試試這個以確保你在頁面上加載了JQuery腳本:

$(document.body).ready(function(){ 
alert("READY!"); 
}); 

這應該會在加載頁面後顯示警報。如果警報沒有顯示,那麼JQuery沒有正確加載。我認爲這是問題,因爲代碼看起來很好。

+0

明白了!你說得對,jquery沒有正確加載。我發現了一個wordpress插件,確保使用jquery的最新穩定版本,並修復了它。我現在使用「Page scroll to Id」插件沒有問題。 – BlueCaret

+0

哎呀,猜猜這不是插件工作(它似乎並不)。這是在http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizo​​ntal-page-scrolling-with-jquery/上找到的代碼,最終奏效了。再次感謝。 – BlueCaret