显示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,如需转载请自行联系原作者
相关文章
|
JavaScript
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
问题原因:多个tabs共用一个实体,动态显示隐藏列 出现了固定在右侧的列(fixed="right")错位 【解决方案】 表格的重新布局,只要table数据发生变化的时候就重新渲染表格 ```js this.$nextTick(() => { this.$refs.formname.doLayout() }) ``` 参考element官方文档 ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/column/article/5877188/20231030-e40
257 0
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
|
5月前
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
212 1
el-menu导航报错Missing required prop: "index"、点击只有一级菜单时不合上其他已展开菜单
el-menu导航报错Missing required prop: "index"、点击只有一级菜单时不合上其他已展开菜单
279 0
5.使用StackPanel面板进行简单布局
5.使用StackPanel面板进行简单布局
69 0
VC里如何改变Static,Edit等控件的字体大小
VC里如何改变Static,Edit等控件的字体大小
281 0
GreenOpenPaint的实现(二)打开显示图片
1、DOC中添加,核心图片文件保存在这里。之所以不用Mat,是因为CVVImage有更好的输入输出函数。 我这里直接使用了public public:     CvvImage m_image; 2、重载打开 //将文件的处理集中在DOC中是非常正确的方法 BOOL CGreenOpenPa...
796 0
|
分布式数据库 程序员 计算机视觉
GreenOpenPaint的实现(六)图片的保存和打开
如果只是直接的图片保存和打开,是没有很多内容的。但是我这里,将EXIF的信息融入其中,使得图像处理的结果能够保存下来。这样就非常有价值意义了。 所有的操作都放在DOC中进行处理。 我之前已经对EXIF的操作进行总结,这里进行引入 #include "Exif.
788 0