jQuery实现锚点向下平滑滚动特效示例

下面小编就为大家带来一篇jQuery实现锚点向下平滑滚动特效示例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

实现效果:

实现原理:

使用jQuery animate()方法实现页面平滑滚动特效

 $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ window.location.hash = hash; });

简单实例代码:

    点击此处平滑滚动到第二部分
SECTION 2

以上这篇jQuery实现锚点向下平滑滚动特效示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持html中文网。

以上就是jQuery实现锚点向下平滑滚动特效示例的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程