返回顶部js
2024-08-20 00:45:37
backToTop.js:
(function () {
var $backToTopEle = $('<div class="backToTop"></div>').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;
}
最新文章
- C语言 &#183; 奇偶判断
- 【Android测试】【随笔】Android Studio环境搭建
- codeforces731C Socks
- undercore &; Backbone对AMD的支持(Require.js中如何使用undercore &; Backbone)
- Java中main方面面试题
- eclipse项目持续报红解决
- hdu1505(dp求最大子矩阵)
- Maven工程引入jar包(转)
- C#版考题
- Linux常用命令详解(二) -- 查找常用命令
- ssl双向认证
- JSJ—案例谈面向对象
- 【PHP】PHP的安装和配置
- DOM+position:relative+缓冲运动
- ABP框架系列之六:(Value-Objects-值对象)
- m4--宏处理器
- Thread.Sleep(0)
- git 入门一(初识)
- 236. Lowest Common Ancestor of a Binary Tree(最低公共祖先,难理解)
- P3185 [HNOI2007]分裂游戏