是否有可能正確地執行JavaScript與nav.html中的錨順利滾動？

Question

我想創建一個模塊化的html文檔，使用平滑滾動。

如果我不直接放置在錨文檔中不能平穩滾動。

http://www.cincitucky.com/是網站。

http://www.cincitucky.com/_scripts/script.js顯示已加載的帶有「nav.html」的html元素已棄用，因爲我必須將其直接放置在index.html中才能正常工作。

是否有可能有JavaScript的正確執行平滑滾動在nav.html錨？

我問了這裏之前簽入得淋漓盡致。我希望在這方面有人能夠幫助我。

此外，有沒有解釋如何改善一個偉大的網站/解決這個問題？

Answer 1

因爲您加載通過（異步）AJAX調用nav元素，你的鏈接不可用在文檔準備事件，所以在外部script.js改變這種

$('a[href^="#"]').click(function(event) { 
... 

這個

$('body').on('click', 'a[href^="#"]', function(event) { 
... 

這樣做，你將通過其傳播捕獲事件body元件（這種技術被稱爲事件代表團）