jquery移动端回到顶部
来源:互联网 发布:tensorflow api 文档 编辑:程序博客网 时间:2024/06/05 18:27
//回到顶部
var shebieGao = window.screen.width;
var bubuko_scrollheight =parseInt(shebieGao)*2; //页面离开顶部的距离,超过该距离才出现返回顶部图片
var obj = document.getElementById("goTopImg");
function getScrollTop() {
return document.documentElement.scrollTop + document.body.scrollTop; //解决多浏览器支持,chrome等浏览器下document.documentElement.scrollTop的值是0
}
function setScrollTop(value) {
//解决多浏览器支持
if (document.documentElement.scrollTop == 0) {
document.body.scrollTop = value;
}
else {
document.documentElement.scrollTop = value;
}
}
window.onscroll = function () { getScrollTop() > bubuko_scrollheight ? obj.style.display = "" : obj.style.display = "none"; }
obj.onclick = function () {
var goTop = setInterval(scrollMove, 10);//定时
function scrollMove() {
setScrollTop(getScrollTop() / 1.1);
if (getScrollTop() < 1) clearInterval(goTop);
}
}
}
//回到顶部
FunGoTop();
function FunGoTop () {
//屏幕高var shebieGao = window.screen.width;
var bubuko_scrollheight =parseInt(shebieGao)*2; //页面离开顶部的距离,超过该距离才出现返回顶部图片
var obj = document.getElementById("goTopImg");
function getScrollTop() {
return document.documentElement.scrollTop + document.body.scrollTop; //解决多浏览器支持,chrome等浏览器下document.documentElement.scrollTop的值是0
}
function setScrollTop(value) {
//解决多浏览器支持
if (document.documentElement.scrollTop == 0) {
document.body.scrollTop = value;
}
else {
document.documentElement.scrollTop = value;
}
}
window.onscroll = function () { getScrollTop() > bubuko_scrollheight ? obj.style.display = "" : obj.style.display = "none"; }
obj.onclick = function () {
var goTop = setInterval(scrollMove, 10);//定时
function scrollMove() {
setScrollTop(getScrollTop() / 1.1);
if (getScrollTop() < 1) clearInterval(goTop);
}
}
}
//回到顶部
FunGoTop();
0 0
- jquery移动端回到顶部
- 移动端回到顶部
- 【jQuery插件】回到顶部
- jquery 回到顶部
- jquery 回到顶部
- jquery插件,回到顶部
- JQuery实现回到顶部
- jquery 实现回到顶部
- jQuery动态回到顶部
- Jquery “回到顶部”
- jquery回到动态顶部
- jquery回到顶部
- jquery点击回到顶部
- Jquery实现回到顶部
- jquery-回到顶部(backtop)
- jquery动态回到顶部特效
- JQuery实现页面回到顶部
- jquery动态回到顶部特效
- ubuntu光标闪烁的解决办法。
- Linux FTP----vsftpd的搭建
- 享元模式(Flyweight)
- 使用ngrok将web服务映射到公网
- es6新特性
- jquery移动端回到顶部
- volley混淆之后报错与gson混淆解决
- 网站开发常用对照表
- 【Spring实战】----Spring事务管理配置解析
- [Hadoop]MapReduce多输出
- iOS端执行包含外部引用的js并相互通信
- 由于SSH配置文件的不匹配,导致的Permission denied (publickey)及其解决方法及基础ssh知识理解
- 策略模式(Strategy)
- XAPI Host Plugins