码迷,mamicode.com
首页 > 移动开发 > 详细

js 层随着滚动条上下移动

时间:2014-08-18 20:20:22      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   os   io   ar   cti   div   

var tips; 
var theTop = 10; /*这是默认高度,越大越往下*/
var old = theTop;

function moveTips() {
    var tt = 0;
    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 = 0;
    }
    old = pos;
    setTimeout(moveTips,tt);
}

onload = function initFloatTips() {
    tips = document.getElementById(‘clockDiv‘);
    moveTips();
};

 

js 层随着滚动条上下移动,布布扣,bubuko.com

js 层随着滚动条上下移动

标签:style   blog   color   os   io   ar   cti   div   

原文地址:http://www.cnblogs.com/freespider/p/3920230.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!