JQuery锚点链接平滑滚动效果

知更鸟 2014年10月25日10:30:29
评论
2.2K8

页面平滑滚动锚点代码:

  1. $(function(){
  2.     $('a[href*=#],area[href*=#]').click(function() {
  3.         if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
  4.             var $target = $(this.hash);
  5.             $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
  6.             if ($target.length) {
  7.                 var targetOffset = $target.offset().top;
  8.                 $('html,body').animate({
  9.                     scrollTop: targetOffset
  10.                 },
  11.                 1000);
  12.                 return false;
  13.             }
  14.         }
  15.     });
  16. })

weinxin
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
网页特效live2d看板娘 WordPress

网页特效live2d看板娘

如果喜欢给自己的网站加些花花草草,live2d看板娘就是一个不错的特效,人物会跟随你的鼠标动,超级可爱! 将下面代码添加到网页适当位置即可。 <script src="https://l2dwi...
安卓文本无法垂直居中 Web前端

安卓文本无法垂直居中

安卓 webview 的字体大小在小于 12 像素的时候无法使用行高来垂直居中。目前在微信等应用都存在该问题,而在最新的移动端 Chrome 浏览器上无该问题(截止本文编写时间,微信客户端的 chro...
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: