显示return top的图标

简介:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(window).scroll( function (){
     var  sc=$(window).scrollTop();
     var  rwidth=$(window).width()+$(document).scrollLeft();
     var  rheight=$(window).height()+$(document).scrollTop();
     if (sc > 800){
         $( "#goTop" ).css( "display" , "block" );
         var  _width = $( ".progress" ).width() + $( ".progress" ).offset().left +110 ;
         $( "#goTop" ).css( "right" ,(rwidth-_width)+ "px" );
     } else {
         $( "#goTop" ).css( "display" , "none" );
     }
});
$( "#goTop" ).click( function (){
     $( 'body,html' ).animate({scrollTop:0},300);
});
1
< div  id = "goTop"  class = "goTop" ></ div >
1
2
3
4
5
6
7
8
9
10
11
.goTop
{
     background : url (images/return- top .png)  no-repeat ;
     height : 32px ;
     width : 32px ;
     position : fixed ;
     bottom : 20px ;
     right : 0 ;
     display : none ;
     cursor : pointer ;
}



本文转自 爱笑嘚蛋蛋 51CTO博客,原文链接:http://blog.51cto.com/dd118/1839575,如需转载请自行联系原作者
相关文章
|
13天前
【UI】 element -ui select下拉框label显示多个值
【UI】 element -ui select下拉框label显示多个值
17 1
页面中的位置:client、page、screen、offset、以及元素视图位置的区别和方法
页面中的位置:client、page、screen、offset、以及元素视图位置的区别和方法
VC里如何改变Static,Edit等控件的字体大小
VC里如何改变Static,Edit等控件的字体大小
244 0
vs code修改左侧栏字体大小
vs code修改左侧栏字体大小
228 0
vs code修改左侧栏字体大小
ActoinBar Overflow 显示问题 (三个点不显示)
ActoinBar Overflow 显示问题 (三个点不显示)
|
Android开发 数据格式 XML
图片设置level-list,根据不同状态显示不同图片
前言:工作需求,wifi图标根据不同的强度,显示不同的状态.于是想到用图层的方法 bg.xml note:android:maxLevel 必须从0递增,顺序错误后只会显示第一张图片 布局文件 代码中使用 Le...
784 0