jQuery平滑滚动到#锚定

Posted

tags:

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

adapted from http://jquery14.com/day-05
  1. // html:
  2. // <h1 id="anchor">Lorem Ipsum</h1>
  3. // <p><a href="#anchor" class="topLink">Back to Top</a></p>
  4.  
  5.  
  6. $(document).ready(function() {
  7.  
  8. $("a.topLink").click(function() {
  9. $("html, body").animate({
  10. scrollTop: $($(this).attr("href")).offset().top + "px"
  11. }, {
  12. duration: 500,
  13. easing: "swing"
  14. });
  15. return false;
  16. });
  17.  
  18. });

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

javascript jQuery - 平滑锚定滚动

javascript jQUery - 平滑锚定滚动

javascript jQuery - 平滑锚定滚动

jQuery 平滑滚动片段以不同的速度工作

javascript 平滑锚定滚动

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