日期:2014-05-17  浏览次数:20871 次

求滚动网页时始终停留在浏览器窗口左侧或右侧固定坐标的代码
页面过长时,拉动滚动条,但停留在左侧或右侧的一小块DIV层始终停留在固定位置的代码,本人对Javascrpt不是很熟,请帮忙。

------解决方案--------------------
如在页面上有个层imgleft,可使用下面代码控制

var xPosl = 20;
var yPosl = document.body.clientHeight;
var stepl = 1;
var delayl = 50;
var heightl = 0;
var Hoffsetl = 0;
var Woffsetl = 0;
var yonl = 0;
var xonl = 0;
var pausel = true;
var intervall;
imgleft.style.top = yPosl;
function changePosl() {
widthl = document.body.clientWidth;
heightl = document.body.clientHeight;
Hoffsetl = imgleft.offsetHeight;
Woffsetl = imgleft.offsetWidth;
imgleft.style.left = xPosl + document.body.scrollLeft;
imgleft.style.top = yPosl + document.body.scrollTop;
xPosl = 0;


if (yonl) {
yPosl = yPosl + stepl;
}
else {
yPosl = yPosl - stepl;
}
if (yPosl < 0) {
yonl = 1;
yPosl = 0;
}
if (yPosl > = (heightl - Hoffsetl)) {
yonl = 0;
yPosl = (heightl - Hoffsetl);
}

}
function startl() {
imgleft.visibility = "visible ";
intervall = setInterval( 'changePosl() ', delayl);
}
startl();