浏览器打开网页以后,浏览器会根据网页内容的多少,产生垂直或水平滚动条。默认情况下,如果产生滚动条,那么,水平滚动条一般是在左边,而垂直滚动条一般是在上方。当然,我们也可以根据需要,自行设定滚动条的位置,让网页打开之后,滚动条处于水平方向上的中间或垂直滚动条处于下方等。
下面是具体的实例,根据参数来设定即可。本文的例子为让两者都居中对齐。
要想实现横向和纵向滚动条居中,实现页面滚动的方法有三种:scroll、scrollBy和 scrollTo,三个方法都带两个参数:x(X轴上的偏移量)和y(Y轴上的偏移量)。
因此我们只需修改x,y的偏移量来设置滚动条的位置。
另外,页面的滚动高度必须在网页加载完成后才能获取到,所以触发事件用onload。
第一种情况:用scrollBy方法实现水平滚动条位于最右端
<</CODE>body onload="scrollBy(document.body.scrollWidth,0) ">
第二种情况:用scroll方法实现垂直滚动条位于最下方
<</CODE>body onload="scroll(0,document.body.scrollHeight) ">
第三种情况:用scrollTo方法实现水平滚动条和纵向滚动条均居中
<</CODE>body onload="scrollTo(document.body.scrollWidth/2,document.body.scrollHeight/2)">
我们在使用scroll、scrollBy和scrollTo方法的时候,可以直接给其添加具体的数值参数,起到精确定位的效果,如下的功能是:让垂直滚动条距离上方600像素,在此仅需要数值,不用写明单位:
<</CODE>body onload="scroll(0,600) ">