鏈接到錨點時的幻燈片/滾動效果

Question

我的網站頂部有一個鏈接，指向我網站中間的一個對象。我做了一個錨鏈接，所以用戶不需要滾動。

但我想知道是否可以製作幻燈片/滾動效果，所以當他們點擊鏈接時，它會「緩慢」滾動到對象。

Answer 1

您可以在這裏找到答案：http://css-tricks.com/snippets/jquery/smooth-scrolling/

從本質上講，你需要將自己的javascript：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

添加您的腳本代碼：jQuery的滾動

<script> 
    $(function() { 
    $('a[href*=#]:not([href=#])').click(function() { 
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
    var target = $(this.hash); 
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
    if (target.length) { 
    $('html,body').animate({ 
     scrollTop: target.offset().top 
    }, 1000); 
    return false; 
    } 
} 
}); 
}); 
</script>