码迷,mamicode.com
首页 > 其他好文 > 详细

Back To Top

时间:2019-04-13 10:43:45      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:lse   close   this   图片   speed   pre   body   pen   cti   

 1 //scroll to top
 2 (function ($) {
 3     $.fn.backTop = function () {
 4         var backBtn = this;
 5 
 6         var position = 1000;
 7         var speed = 900;
 8 
 9         $(document).scroll(function () {
10             var pos = $(window).scrollTop();
11 
12             if (pos >= position) {
13                 backBtn.fadeIn(speed);
14             } else {
15                 backBtn.fadeOut(speed);
16             }
17         });
18 
19         backBtn.click(function () {
20             $("html, body").animate({ scrollTop: 0 }, 900);
21         });
22     }
23 }(jQuery));

HTML

 <a id="backTop" class="btn btn-back-top bg-teal"></a>
技术图片
1 $(document).ready(function () {
2     $(‘#backTop‘).backTop();
3  });
View Code

 

 

Back To Top

标签:lse   close   this   图片   speed   pre   body   pen   cti   

原文地址:https://www.cnblogs.com/mantishell/p/10661007.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!