六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

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

Admin | 2013-4-23 9:38:03 | ReadNums | 5194 | 标签 网页制作 | 打印本页
     

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

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

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


问题未解决:在线咨询

小鱼香港49选7走势图

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日