返回顶部浮动图标代码
HTML代码
| <divstyle="display:none;"class="back-to"id="toolBackTop"> |
| <atitle="返回顶部"onclick="window.scrollTo(0,0);returnfalse;"href="#top"class="back-top"> |
| 返回顶部</a> |
| </div> |
jQuery代码
| <scriptsrc="js/jquery.min.js"type="text/javascript"></script> |
| <scripttype="text/javascript"> |
| $(document).ready(function(){ |
| var bt = $('#toolBackTop'); |
| var sw = $(document.body)[0].clientWidth; |
| var limitsw =(sw -840)/2-80; |
| if(limitsw >0){ |
| limitsw = parseInt(limitsw); |
| bt.css("right",limitsw); |
| } |
| $(window).scroll(function(){ |
| var st = $(window).scrollTop(); |
| if(st >30){ |
| bt.show(); |
| }else{ |
| bt.hide(); |
| } |
| }); |
| }) |
| </script> |
