javascript Smoth Scroll to Anchor

Posted

tags:

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

#anchor::before {
    display: block;
    margin : -132px 0 0;
    height : 132px;
    content: "";
}

#anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
$(document).on('click', 'a[href^="#"]', function(event) {
  event.preventDefault();

  $('html, body').animate({
    scrollTop: $($.attr(this, 'href')).offset().top
  }, 800);
});

以上是关于javascript Smoth Scroll to Anchor的主要内容,如果未能解决你的问题,请参考以下文章

text smoth卷轴

smoth字体大小

smoth movig背景IE改编

javascript 将JavaScript处理程序附加到Scroll

JAVASCRIPT 在用户 SCROLL DOWN 和 SCROLL TOP 时执行函数

JavaScript - window.scroll( behavior: 'smooth' ) 在 Safari 中不起作用