使用jquery animate实现锚点慢慢平滑滚动效果

采用锚点进行页面中的跳转的确很方便,但是由于没有过渡,太过生硬,目前主流都是平滑滚动效果,要想增加网页的效果,可以使用jquery中的animate,实现滚动的一个动作,慢慢的滚动到你想跳转到的位置,从而看起来会会非常高大上。

滚动到顶部:

    $('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});  

滚动到指定位置:

    $('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);}); 
THE END
分享
二维码
< <上一篇
下一篇>>