Dzwebs.Net

撰写电脑技术杂文十余年

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

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

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

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

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

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


该杂文来自: 网页制作杂文

上一篇:window.open与window.showModalDialog传参的实例

下一篇:Opera菜单的显示关闭、历史记录的清除

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计