成都网站建设设计

将想法与焦点和您一起共享

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

实现效果:

成都创新互联公司是一家以网站设计建设,微信平台小程序开发、网站开发设计,网络软件产品开发,企业互联网推广服务为主的民营科技公司。主要业务涵盖:为客户提供网站策划、网站设计、网站开发、主机域名、网站优化排名、外链等服务领域。凭借建站老客户口碑做市场,建设网站时,根据市场搜索规律和搜索引擎的排名收录规律编程,全力为建站客户设计制作排名好的网站,深受老客户认可和赞誉。

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

实现原理:

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

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

简单实例代码:






 


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

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


分享文章:jQuery实现锚点向下平滑滚动特效示例
本文路径:http://chengdu.cdxwcx.cn/article/ieehop.html