返回到顶部按钮实现
来源:互联网 发布:狄克斯特拉算法的距离 编辑:程序博客网 时间:2024/04/30 10:30
<div id="gotop"><span class="glyphicon glyphicon-chevron-up"></span></div> //bootstrap图标
#gotop{
display:none;
font-size: 25px;
color:#fff;
text-align: center;
background: #aaa;
padding:10px 15px;
position:fixed;
right:50px;
bottom:50px;
cursor:pointer;
}
function goTop()
{$(window).scroll(function(e) {
//若滚动条离顶部大于100元素
if($(window).scrollTop()>100)
$("#gotop").fadeIn(1000);//以1秒的间隔渐显id=gotop的元素
else
$("#gotop").fadeOut(1000);//以1秒的间隔渐隐id=gotop的元素
});
};
0 0
- 返回到顶部按钮实现
- 返回到顶部按钮
- 返回顶部按钮实现
- JS实现效果-点击按钮返回到页面顶部
- jquery实现点击按钮返回到页面顶部
- “返回顶部”按钮的实现
- Jquery 实现返回到顶部
- 返回到顶部JS实现
- jQuery实现返回顶部按钮效果
- jQuery实现返回顶部按钮效果
- jQuery实现返回顶部按钮效果
- Js简单实现返回顶部按钮功能
- javascript 返回顶部按钮
- 返回顶部按钮
- 返回顶部按钮
- 返回顶部按钮
- jquery返回顶部按钮
- 返回顶部按钮
- Servlet控制页面跳转的两种方式
- 一直走到世界尽头
- arm arch 的 vmlinux.lds 注解
- error while loading shared libraries: libpcre.so.1: cannot open shared object file
- 虚拟机下的linux安装手册
- 返回到顶部按钮实现
- 从hadoop框架与MapReduce模式中谈海量数据处理
- WebStorm使用技巧
- 原因
- 列出文件内容的程序-java实现
- Foundation框架中字符串的创建
- 如何去掉论坛“设置”--“QQ秀”显示?
- centos 5.8编译libevent2.1.4-alpha报undefined "SSL_set_tlsext_host_name"
- HDU3032-Nim or not Nim?