jQuery实现平滑滚动页面到指定锚点链接的方法

来源：深圳网站建设发布时间：7/16/2015 9:33:25 AM 浏览次数：

深圳网站建设介绍jQuery实现平滑滚动页面到指定锚点链接的方法,涉及jquery鼠标事件及页面滚动的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下，具体代码如下：

$.fn.scroller =function() {

varspeed ='slow';// Choose default speed

$(this).each(function() {

$(this).bind('click',function() {

vartarget = $(this).attr('href');// Get scroll target

$(target).ScrollTo(speed);

returnfalse;

});

}

本函数适用于在一个页面上实现锚文本链接跳转，如果直接使用href="#猫名称"，会一下子定位过去，没有缓缓滑动过去的效果，对用户体验不是很好。