显示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,如需转载请自行联系原作者
相关文章
|
8月前
【UI】 element -ui select下拉框label显示多个值
【UI】 element -ui select下拉框label显示多个值
247 1
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
如何获取与设置光标在input框的位置
|
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
288 0
element-UI el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
|
6月前
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
el-input实现后缀图标和clearable的兼容,调整el-input clearable与自定义图标展示位置问题
326 1
页面中的位置:client、page、screen、offset、以及元素视图位置的区别和方法
页面中的位置:client、page、screen、offset、以及元素视图位置的区别和方法
|
前端开发
input框点击时去掉默认的外层边框
input框点击时去掉默认的外层边框
74 0
通过select下拉框里的value控制div显示与隐藏
通过select下拉框里的value控制div显示与隐藏
93 0
Dev treelist设置文本显示位置
Dev treelist设置文本显示位置
|
Web App开发 前端开发 开发者
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
1 分钟认识新属性 accent-color —— 修改 input 默认控件颜色
|
Linux
解决办法:gtk_image_menu_item_set_image()菜单图标无法显示
解决办法:gtk_image_menu_item_set_image()菜单图标无法显示
72 0

热门文章

最新文章