滚动和平滑滚动码

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