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();
};

轉載于:https://www.cnblogs.com/xinlang/archive/2008/11/04/1326206.html

總結

以上是生活随笔為你收集整理的js 层随着滚动条上下移动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。