显示return top的图标-白红宇

强烈建议你试试无所不能的chatGPT，快点击我

显示return top的图标

阅读量：6457 次

发布时间：2019-06-23

本文共 858 字，大约阅读时间需要 2 分钟。

                         
$(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);
});
        
      

                         
<
div
id
=
"goTop"
class
=
"goTop"
></
div
>
        
      

                         
.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，如需转载请自行联系原作者

你可能感兴趣的文章

OCP读书笔记(14) - 管理数据库性能

OCA读书笔记(3) - 使用DBCA创建Oracle数据库

CKEditor的使用-编辑文本

洗礼灵魂，修炼python（40）--面向对象编程（10）—定制魔法方法+time模块

HDU------checksum

使用树莓派拍摄延时动画，制作GIF图

css命名规范

19.Java5同步集合类的应用

python 关键字yield解析

<c:forEach varStatus="status">中 varStatus的作用

Aqua Data Studio 数据库开发工具

puppet来管理文件和软件包

【转载】基于lucene的搜索方案

Python基础进阶之路（一）之运算符和输入输出

阻塞非阻塞异步同步 io的关系

ClickStat业务

DMA32映射问题

Android内存泄露之开篇

leetcode-38 Count And Say

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！

当前时间: 2025-01-17 15:26:53 当前IP: 18.117.72.24 联系邮箱:javaeecc@qq.com Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2

强烈建议你试试无所不能的CHAT-GPT，快点击我

强烈建议你试试无所不能的CHAT-GPT，快点击我