博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
返回顶部js
阅读量:5234 次
发布时间:2019-06-14

本文共 1162 字,大约阅读时间需要 3 分钟。

backToTop.js:

(function () {    var $backToTopEle = $('
').appendTo($("body")) .click(function () { $("html, body").animate({ scrollTop: 0 }, 120); }), $backToTopFun = function () { var st = $(document).scrollTop(), winh = $(window).height(); (st > 0) ? $backToTopEle.show() : $backToTopEle.hide(); //IE6下的定位 if (!window.XMLHttpRequest) { $backToTopEle.css("top", st + winh - 166); } }; $(window).bind("scroll", $backToTopFun); $(function () { $backToTopFun(); });})();

样式设置:

.backToTop {
display: none; background:url(../images/go_top.gif); background-repeat:no-repeat; background-position:0px 0px; width:50px; height:50px; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 2px; bottom: 2px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);}.backToTop:hover{
background:url(../images/go_top.gif); background-repeat:no-repeat; background-position:0px -100px;}

 

转载于:https://www.cnblogs.com/vinsonLu/p/4049869.html

你可能感兴趣的文章
DNS无法区域传送(axfr,ixfr)
查看>>
JAVA四种线程池
查看>>
二叉树
查看>>
序列化实现 深拷贝
查看>>
“尸体解剖” 报告
查看>>
设置滚动条的滚动高度,定位滚动条的位置
查看>>
多线程九 原子类
查看>>
软引用与弱引用不推荐使用原因
查看>>
Ubuntu 15.04 安装 Nvidia Quadro系列显卡驱动
查看>>
hdoj--1257--最少拦截系统(动态规划)
查看>>
UESTC--1263--The Desire of Asuna(贪心)
查看>>
Windows 服务程序(一)
查看>>
http://www.hulian.top/zixun/post/4771.html
查看>>
Populating Next Right Pointers in Each Node
查看>>
Vue指令3:v-for
查看>>
开发者中心没有勾选 ipad却需要传宣传图片的解决方法
查看>>
Spring学习笔记13--Autowire(自动装配)
查看>>
Linux基础
查看>>
10 个迅速提升你 Git 水平的提示
查看>>
not only...but also的用法
查看>>