JavaScript平滑滾動不起作用

我試圖創建一個平滑的滾動頁面，但它似乎無法正常工作。如果我刪除我的網站的平滑滾動方面，錨會像平常一樣自動跳轉到div元素。JavaScript平滑滾動不起作用

我附上一個的jsfiddle：http://jsfiddle.net/J7sxD/5/

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

來源

2014-05-02 Kondax Design

我沒有看到你的'html'裏面有'a' – jhyap

@jhyap它們在導航類裏面。 –

刪除overflow-x: hidden;，也將努力

看到這裏http://jsfiddle.net/acidrat/Wt2rp/1/

來源

2014-05-02 15:03:28 Timur

它打破了導航欄。 –

@TaylerKing然後添加它在需要的地方，而不是身體，html否則scrollTop將無法正常工作。 – Timur

泰勒，你的jsfiddle樣的工作只是爲我好，但我會分享一個更簡單的方式來做平滑滾動。使用jQuery和jQuery.localScroll插件。

下載最新smoothscroll.js：https://github.com/flesler/jquery.localScroll/releases

添加兩個JavaScript引用：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript" src="javascript/smoothscroll.js"></script>

然後確保到類「smoothScroll」添加到您的<a>鏈接，就像這樣：

<a href="#anchor1" class="smoothScroll">Jump to Page Location</a>

來源

2014-11-12 19:11:24

JavaScript平滑滾動不起作用

回答

相關問題