簡單的jQuery scrollTo不能在我的網站工作

我測試了一個或其他解決方案的計算器，但它不能解決我的問題。簡單的jQuery scrollTo不能在我的網站工作

這邊是： http://web02980.p4.imv.de/ 這是一個wordpress站點，我想用一個簡單的jQuery函數從錨點滾動到標題。

這裏是jQuery代碼http://jsfiddle.net/5phLjjce/1/ 在jsfiddle中有效，但不在我的網站上。

function scroll($) { 

    var $root = $('html, body'); 
    $('a').click(function() { 
     var href = $.attr(this, 'href'); 
     $root.animate({ 
     scrollTop: $(href).offset().top 
     }, 500, function() { 
      window.location.hash = href; 
     }); 
     return false; 
    }); 
} 

jQuery(document).ready(function ($) { 

    scroll($); 
});

我測試了頁眉和頁腳中的jquery文件。我在generell jquery-file和一個額外的文件中測試了它。沒有想滾動的東西。

感謝您的幫助。

來源

2015-09-14 Keyla Rainbow

如果它作爲一個小提琴而不是您的網站，它可能會更多地與您的網站上的其他代碼干擾它。不過，我認爲你應該給你的點擊函數傳遞一個'event'，然後使用'event.preventDefault（）'，否則鏈接將直接進入href。 – somethinghere

我嘗試了這個事件的功能，但沒有造成任何傷害。並且控制檯不會向我顯示一個錯誤或其他類似的東西。 –

該腳本完全不同於jsfiddle。在scrolling.js中，您有不同的滾動代碼。 –

在你的例子中，只需用var $root = $('.overflow');代替var $root = $('html, body');即可。這只是HTML標記中的一個特定事物。

來源

2015-09-14 11:10:46 starikovs

工作正常！謝謝你，讓我的一天！ –

@KeylaRainbow歡迎您！ :) – starikovs

簡單的jQuery scrollTo不能在我的網站工作

回答

相關問題