龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

div随屏幕滚动JS程序代码

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
本文章介绍了关于div随屏幕滚动JS程序代码,有需要了解朋友可以参考一下。 代码如下 var tips; var theTop = 250/*这是默认高度*/; var old = theTop; function initFloatTips() { tips = document.getElementById(
本文章介绍了关于div随屏幕滚动JS程序代码,有需要了解朋友可以参考一下。
 代码如下

var tips; var theTop = 250/*这是默认高度*/; var old = theTop;
function initFloatTips() {
   tips = document.getElementById('floatTips');
   moveTips();
};
function moveTips() {
   var tt=50;
   if (window.innerHeight) {
     pos = window.pageYOffset
   }
   else if (document.documentElement && document.documentElement.scrollTop) {
     pos = document.documentElement.scrollTop
   }
   else if (document.body) {
     pos = document.body.scrollTop;
   }
   pos=pos-tips.offsetTop+theTop;
   pos=tips.offsetTop+pos/10;
   if (pos < theTop) pos = theTop;
   if (pos != old) {
     tips.style.top = pos+"px";
     tt=10;
   }
   old = pos;
   setTimeout(moveTips,tt);
}
 
$(document).ready(function(){
initFloatTips();
})

DIV的ID命名要和JS中的相对应,下面是CSS样式,大家可以自己按需要定义:

 代码如下
div#floatTips{
position:absolute;
padding:3px;
bottom:0px;
right:0px;
z-index:9999;
}

 


精彩图集

赞助商链接