滾動和平滑滾動碼

Question

請查看此頁面（例子）

http://www.christinamichael.in/create-a-powerful-human-disintegration-effect-in-photoshop 

我想知道我怎麼能有這樣的這樣？

我想在Firefox和Chrome中支持一些東西。

Answer 1

您可以使用ANCHOR標籤進行平滑滾動。 以下結果。

$(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; 
    } 
} 
    }); 
});