像change.org上的花式快速滚动

Question

如果您阅读change.org上的请愿书，您可以在右上方选择一个CSS/html动画滚动条。 div类被命名为快速滚动。我在网上搜索它，但没有找到任何东西。

你知道代码片段或例子如何包括这样一个很好的快速滚动到你自己的主页？我感谢您的帮助！ :)

Answer 1

我猜你喜欢scrollTo的东西？

http://flesler.com/jquery/scrollTo/

你也可以使用jQuery无需插件。 只需使用锚，滚动到一个预定义的DIV，比如你有这样的菜单：

<ul class="nav"> 
<li><a href="#area-a">Option A</a></li> 
<li><a href="#area-b">Option B</a></li> 
<li><a href="#area-c">Option C</a></li> 
</ul> 

内容是这样的：

<div id="area-a"></div> 
<div id="area-b"></div> 
<div id="area-c"></div> 

的jQuery：

jQuery('ul.nav a').bind('click',function(event){ 
var $anchor = jQuery(this); 

jQuery('html, body').stop().animate({ 
    scrollTop: jQuery($anchor.attr('href')).offset().top - 60 }, 
    1500, 'easeInOutExpo'); 
    event.preventDefault(); 
    }); 
});