jQuery实现锚点向下平滑滚动特效示例
实现效果:
成都创新互联公司是一家以网站设计建设,微信平台小程序开发、网站开发设计,网络软件产品开发,企业互联网推广服务为主的民营科技公司。主要业务涵盖:为客户提供网站策划、网站设计、网站开发、主机域名、网站优化排名、外链等服务领域。凭借建站老客户口碑做市场,建设网站时,根据市场搜索规律和搜索引擎的排名收录规律编程,全力为建站客户设计制作排名好的网站,深受老客户认可和赞誉。
实现原理:
使用jQuery animate()方法实现页面平滑滚动特效
$('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ window.location.hash = hash; });
简单实例代码:
点击此处平滑滚动到第二部分SECTION 2
以上这篇jQuery实现锚点向下平滑滚动特效示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
本文标题:jQuery实现锚点向下平滑滚动特效示例
分享网址:http://azwzsj.com/article/ieehop.html