(function() {
var backToTopTxt = "返回顶部", backToTopEle = $('<div class="backToTop tops"></div>').appendTo($("body"))
.text(backToTopTxt).attr("title", backToTopTxt).click(function() {
$("html, body").animate({ scrollTop: 0 }, 520);
}), backToTopFun = function() {
var st = $(document).scrollTop(), winh = $(window).height();
(st > 0)? backToTopEle.show(): backToTopEle.hide();
//IE6下的定位
if (!window.XMLHttpRequest) {
backToTopEle.css("top", st + winh - 60);
}
};
$(window).bind("scroll", backToTopFun);
$(function() { backToTopFun(); });
})();
分享到:
相关推荐
JavaScript实现返回顶部按钮案例 本文实例为大家分享了JavaScript实现返回顶部按钮的具体代码,供大家参考,具体内容如下 思路: 首先先设计出其静态样式,这里主要利用固定定位,将其固定在页面底部的某一位置...
NULL 博文链接:https://tjuking.iteye.com/blog/1743229
JS(jquery)实现返回顶部,感觉不错
JS 实现页面返回顶部的效果 一般网页的下方都会放置一个置顶按钮, 尤其是页面底部没有导航的网页, 这样可以帮助访客快速返回顶部底部
下面小编就为大家带来一篇纯js实现页面返回顶部的动画(超简单)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jQuery实现一个动画版缓动返回顶部和底部的效果,里面附有demo,可以根据需求直接修改
这是一个用js+css实现的返回顶部代码,可以直接使用,免去冗长的写代码过程,使用很方便。
只是简单实现,没有美化布局。 有导航栏什么的,有几个HTML文件
【Android】Listview返回顶部,快速返回顶部的功能实现,详解代码
原生JS实现的平滑返回顶部特效源码.zip 原生JS实现的平滑返回顶部特效源码.zip 原生JS实现的平滑返回顶部特效源码.zip
本文实例为大家分享了js实现带有动画返回顶部的具体代码,供大家参考,具体内容如下 1、滑动鼠标往下滑动,侧边栏跟着往上移动,当到达某一个位置的时候,侧边栏停止移动;鼠标往上,则侧边栏往下-停止 2、当鼠标...
JavaScript实现返回顶部按钮 本文实例为大家分享了JavaScript实现返回顶部按钮的具体代码,供大家参考,具体内容如下 1.先搭架子 a { text-decoration: none; } body { height: 5000px; } .backtotop { ...
基于Javascript实现返回顶部按钮_.docx
使用js实现一般web网页上的返回顶部,和快速到达底部,适合bbs类项目开发使用。简单,方便,实用。
js返回顶部/底部demo Jquery返回顶部/底部案例,html代码返回顶部以及返回顶部的案例
JavaScript/Jquery实现的返回顶部源代码,网上看到的,觉得不错就分享出来供大家一起共同分享学习。
Js实现滚动一定高度显示返回顶部,点击返回顶部隐藏效果
js+JQuery返回顶部功能如何实现.docx
模仿天猫的返回顶部HTML JS CSS JQuery
NULL 博文链接:https://ihenu.iteye.com/blog/1885565