JS返回顶部
来源:互联网 发布:淘宝标题测试 编辑:程序博客网 时间:2024/05/18 01:35
#goTopBtn {position: fixed;line-height:36px;width:50px;bottom:40px;height:45px;cursor:pointer;display:none;background:url(/images/back_to_top_white.png);}
<div id="goTopBtn" title="返回顶部"></div>
<!-- 返回顶部 -->
<script type="text/javascript">$(window).scroll(function(){
var sc=$(window).scrollTop();
var rwidth=$(window).width()
if(sc>0){
$("#goTopBtn").css("display","block");
$("#goTopBtn").css("left",(rwidth-100)+"px")
}else{
$("#goTopBtn").css("display","none");
}
})
$("#goTopBtn").click(function(){
var sc=$(window).scrollTop();
$('body,html').animate({scrollTop:0},500);
})
</script>
阅读全文
0 0
- js返回页面顶部
- js 返回顶部代码
- js 返回顶部
- js返回顶部代码
- Js返回顶部
- js返回顶部
- 返回顶部 js
- js返回顶部
- js返回顶部实例
- 返回顶部js
- JS 返回顶部功能
- js 返回页面顶部
- js实现返回顶部
- js返回顶部
- JS返回页面顶部
- js返回顶部事件
- js返回顶部
- JS返回顶部
- 池内亚也--请不要忘记,这张照片中…
- AYA--已经不说想要回到那天,我要…
- INI解说
- IE8快捷键大全[转]
- Linux下配置dns服务器
- JS返回顶部
- 网络打印机安装和设置技巧
- HP Jetdirect 打印服务器配置
- Ubuntu Linux自动启动程序
- 枚举类及用法
- 结合实践再认识background
- 常见系统端口
- U盘Grub安装Ubuntu
- 【转】centos 显示中文为方块的解…