goTop.js 659 B

1234567891011121314151617181920212223
  1. $(function () {
  2. //置顶按钮显示/隐藏实现
  3. $(window).scroll(function () {
  4. var w_height = $(window).height(); //浏览器高度
  5. var scroll_top = $(document).scrollTop(); //滚动条到顶部的垂直高度
  6. if (scroll_top > w_height) {
  7. $(".goTop").fadeIn(500);
  8. } else {
  9. $(".goTop").fadeOut(500);
  10. }
  11. });
  12. //置顶
  13. $(".goTop").click(function (e) {
  14. e.preventDefault();
  15. $(document.documentElement).animate({
  16. scrollTop: 0
  17. }, 200);
  18. //支持chrome
  19. $(document.body).animate({
  20. scrollTop: 0
  21. }, 200);
  22. });
  23. })