大众计算机学习网

专门提供各种电脑教程

设定网页浏览器滚动条scroll的滚动位置

Admin | 2013-4-23 9:38:03 | 被阅次数 | 5546

  浏览器打开网页以后,浏览器会根据网页内容的多少,产生垂直或水平滚动条。默认情况下,如果产生滚动条,那么,水平滚动条一般是在左边,而垂直滚动条一般是在上方。当然,我们也可以根据需要,自行设定滚动条的位置,让网页打开之后,滚动条处于水平方向上的中间或垂直滚动条处于下方等。

  下面是具体的实例,根据参数来设定即可。本文的例子为让两者都居中对齐。

  要想实现横向和纵向滚动条居中,实现页面滚动的方法有三种: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) ">