jQuery:滚动到顶部

Posted

tags:

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

  1. $(function() {
  2. $window = $(window);
  3. $link = $("#scrollToTop"); // your link to show when user scrolls down
  4. $link.click(function() {
  5. $("html, body").animate({ scrollTop: 0 }, "slow"); // this is the gist of the script, scroll to top (scrollTop: 0)
  6. });
  7.  
  8. $window.scroll(function() {
  9. if ($window.scrollTop() <= 0) {
  10. $link.fadeOut("fast");
  11. } else {
  12. $link.fadeIn("fast");
  13. }
  14. })
  15.  
  16. // css
  17. #scrollToTop:link,
  18. #scrollToTop:visited {
  19. display: none;
  20. position: fixed;
  21. top: 15px;
  22. right: 15px;
  23. padding: 10px 20px;
  24. font-size: 16px;
  25. font-weight: bold;
  26. text-decoration: none;
  27. background: #ccc;
  28. color: #333;
  29. -moz-border-radius: 10px;
  30. -webkit-border-radius: 10px;
  31. border-radius: 10px;
  32. }

以上是关于jQuery:滚动到顶部的主要内容,如果未能解决你的问题,请参考以下文章

跨浏览器 JavaScript(不是 jQuery...)滚动到顶部动画

如何避免 jQuery mmenu 在打开时滚动到顶部

css 使用jQuery动画滚动到顶部

JavaScript jQuery:滚动到顶部

jQuery:滚动到顶部

jQuery动画滚动到顶部