javascript 锚链接平滑滚动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 锚链接平滑滚动相关的知识,希望对你有一定的参考价值。

Anchor Link Smooth Scroll
-------------------------


A [Pen](https://codepen.io/tak-dcxi/pen/MMjNRv) by [tak-dcxi](https://codepen.io/tak-dcxi) on [CodePen](https://codepen.io).

[License](https://codepen.io/tak-dcxi/pen/MMjNRv/license).
$("a[href^='#']").click(function() {
  var speed = 500
  var href = $(this).attr('href')
  var target = $(href == '#' || href == '' ? 'html' : href)
  var position = target.offset().top
  $('body,html').animate(
    {
      scrollTop: position
    },
    speed,
    'swing'
  )
  return false
})

以上是关于javascript 锚链接平滑滚动的主要内容,如果未能解决你的问题,请参考以下文章

单击锚链接时如何实现平滑滚动到不同页面上的部分?

单击锚链接时平滑滚动

jQuery - 使用锚链接将元素滚动到屏幕中间而不是顶部

单击锚链接时平滑滚动

停用平滑滚动元素

为wordpress添加平滑滚动和滚动间谍功能