html换浏览器div的位置固定不变,JS简单实现DIV相对于浏览器固定位置不变的方法...

本文实例讲述了JS简单实现DIV相对于浏览器固定位置不变的方法。分享给大家供大家参考，具体如下：

Anchor Properties

function Totop(){

window.scrollTo(0,0);

}

function bottom(){

//scrollHeight属性是获取对象的滚动高度。

window.scrollTo(0,document.body.scrollHeight);

}

function left(){

//alert("left");alert(document.body.scrollLeft)

var left = 0-document.body.scrollWidth;//向左移动的像素

window.scrollBy(left,0 );

}

function right(){

//alert(document.body.scrollWidth);

//整个滚动条的宽度

window.scrollBy(document.body.scrollWidth,0);

}

function init(){

var init_pos=oLayer.style.posTop ;

var init_left=oLayer.style.posLeft;

document.body.οnscrοll=function(){

//document.body.scrollTop等于滚动滑块上端离滚动的开始点的距离

oLayer.style.posTop=document.body.scrollTop+init_pos;

//scrollLeft设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

oLayer.style.posLeft=document.body.scrollLeft +init_left;

}

}

置底

ddddd

置 右

width="2000px"

置 左

置 顶

希望本文所述对大家JavaScript程序设计有所帮助。