平滑滚动到任何ID

Posted

tags:

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

Simply set the id in the content, and use a hash in the anchor to scroll to it.
  1. $(function($) {
  2. $(".scroll a, .top-btn").click(function(event) {
  3. event.preventDefault();
  4. $('html,body').animate({
  5. scrollTop: $(this.hash).offset().top
  6. }, 500);
  7. });
  8. });​
  9.  
  10. //usage
  11.  
  12. <a href="#theContent">Scroll to content</a>
  13.  
  14.  
  15. <div id="theContent">
  16. blah blah blah
  17. </div>

以上是关于平滑滚动到任何ID的主要内容,如果未能解决你的问题,请参考以下文章

平滑滚动角2

平滑滚动到 div id jQuery

javascript 平滑滚动到ID

javascript 平滑滚动到ID

html 创建到任何目标的平滑滚动。

几条jQuery代码片段助力Web开发效率提升