程序博客网 > js脚本被劫持广告

JavaScript 运动之页面悬浮框

来源：互联网发布：js脚本被劫持广告编辑：程序博客网时间：2024/05/16 05:58

document.documentElement.scrollTop获取当前页面的滚动条纵坐标
document.body.scrollTop恒为0需要用document.documentElement.scrollTop
代替,IE5.5之后已经不支持document.body.scrollX对象
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientHeight ==> 可见区域高度

HTML代码

<!DOCTYPE html>
<html>
<head>
<title>domScroll.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
#div1{width:60px;height:100px;background-color:#EEE;position: absolute;right: 0;bottom:0;border:1px solid red;border-radius:5px;line-height:100px;font-size:18px;text-align:center;}
</style>
<script type="text/javascript" src="../js/domScroll.js"></script>
</head>
<body style="height:2000px;">
<div id="div1">Scroll</div>
</body>
</html>

js代码

window.onscroll = function(){
var odiv = document.getElementById('div1');
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
//startMove(document.documentElement.clientHeight - odiv.offsetHeight+scrollTop);页面右下角悬浮
startMove(parseInt((document.documentElement.clientHeight - odiv.offsetHeight)/2)+scrollTop);//页面中间悬浮
}
var timer = null;
function startMove(iTarget){
var odiv = document.getElementById('div1');
clearInterval(timer);
timer = setInterval(function(){
var speed = (iTarget - odiv.offsetTop)/4;
speed = speed>0?Math.ceil(speed):Math.floor(speed);
if(odiv.offsetTop == iTarget){
clearInterval(timer);
}else{
odiv.style.top = odiv.offsetTop+speed+"px";
}
},30);
}

0 0

js脚本被劫持广告

js脚本被劫持广告

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子宁明到崇左火车时刻表宁明到扶绥火车时刻表宁明有什么好玩的地方宁明吧宁明网坛宁晋宁晋123 宁晋招聘宁晋123招聘宁晋吧宁晋县宁晋招聘123 宁晋招工宁晋邮编宁晋123房产宁晋123房产信息宁晋123招聘信息宁晋招聘信息宁晋信鸽协会宁晋县属于哪个市宁晋123求职招聘信息宁晋县信鸽协会宁晋123二手信息宁晋县123求职招聘宁晋二手信息宁晋123招聘信息求职宁晋123交友信息宁晋县是哪个市宁晋县人力资源网宁晋114招聘信息宁晋房产信息宁梓江苏女神宁梓江苏宁梓宁檬柠檬减肥法柠檬蜂蜜茶柠檬醋柠檬蜂蜜面膜蜜浸柠檬柠檬减肥吗