随风而行

^o^ 格言:相信没有做不到的事情,只有想不到的事情.
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

Javascript -- 彈出層跟隨滾動條滾動

Posted on 2012-07-27 16:04  随风而行  阅读(933)  评论(0编辑  收藏  举报

window.setInterval(function moveWithScroll() {

       var scrollDiv = document.getElementById('div_Atheletebox');

       if (scrollDiv.style.display == "block") {

var w = document.documentElement.clientWidth;
var h = document.documentElement.clientHeight;
var ow = scrollDiv.style.width;
var oh = scrollDiv.style.height;
var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var nowW = (w - parseInt(ow)) / 2;
//var nowH = (scrollTop + h - parseInt(oh)) / 2;
var nowH = (h - parseInt(oh)) / 2 + scrollTop;
scrollDiv.style.left = nowW + "px";
scrollDiv.style.top = nowH + "px";
}

}, 50);