jquery 回到顶部
来源:互联网 发布:乌合之众读后感知乎 编辑:程序博客网 时间:2024/04/29 06:48
css
.backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-align: center; position: fixed; _position: absolute; right: 10px; bottom: 100px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);}
js
<script>$(function(){var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body")) .text($backToTopTxt).attr("title", $backToTopTxt).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);});</script>
- 【jQuery插件】回到顶部
- jquery 回到顶部
- jquery 回到顶部
- jquery插件,回到顶部
- JQuery实现回到顶部
- jquery 实现回到顶部
- jQuery动态回到顶部
- Jquery “回到顶部”
- jquery回到动态顶部
- jquery回到顶部
- jquery点击回到顶部
- Jquery实现回到顶部
- jquery-回到顶部(backtop)
- jquery动态回到顶部特效
- JQuery实现页面回到顶部
- jquery动态回到顶部特效
- jQuery回到顶部插件jQueryGoUp
- jquery 回到浏览器顶部效果
- yii实现级联下拉菜单
- 写php下载图片时遇到的bug
- 新技术让类X光线的光谱在手机等设备成像
- 4月Intel平台超值推荐及评测
- FutureTask、ExecutorService的使用
- jquery 回到顶部
- 20120418学习总结
- Trufun Kant Studio集成开发平台介绍
- CSDN学习(一) -- 什么是CSDN
- 关于asp.net内的函数.ToString()将数据保留几位小数的总结
- 关于博客中技术文章和非技术文章真实性的声明
- wordpress 调用头像
- Too many open files -- linux文件描述符的限制调整
- 求一个字符串中连续出现次数最多的子串