本文介绍如何使用JavaScript控制网页滚动条的位置，包括将其滚动至页面底部和返回顶部的方法，并提供了两个具体应用场景的示例代码。
转载自：http://tech.ddvip.com/2013-10/1383059700204981.html
有时候我们需要控制页面滚动条上的滚动条，但滚动条并非页面上的元素，这个时候就需要借助js是来进行操作。一般用到操作滚动条的会两个场景：
注册时的法律条文需要阅读，判断用户是否阅读的标准是：滚动条是否拉到最下方。
要操作的页面元素不在吸视范围，无法进行操作，需要拖动滚动条
其实，实现这个功能只要一行代码，但由于不懂js ，所以花了不小力气找到这种方法。
用于标识滚动条位置的代码
<body οnlοad= "document.body.scrollTop=0 ">
<body οnlοad= "document.body.scrollTop=100000 ">
如果滚动条在最上方的话，scrollTop=0 ，那么要想使用滚动条在最可下方，可以scrollTop=100000 ，这样就可以使滚动条在最下方。
场景一
先来解决场第一个问题，法律条款是一个内嵌窗口，通过firebug工具可以定位到内嵌入窗口可以定位到元素的id ，可以通过下面的代码实现。
js="var q=document.getElementById('id').scrollTop=10000"
driver.execute_script(js)
注：由于没找到合适的例子，所没验证，从参考资料来看这种写法应该没问题，如有请反馈。
场景二
有滚动条的页面到处可见，这个就比较容易找例子，我们以操作百度搜索结果页为例：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
#coding=utf-8
from
selenium
import
webdriver
import
time
#访问百度
driver
=
webdriver.Firefox()
#搜索
driver.find_element_by_id(
"kw"
).send_keys(
"selenium"
)
driver.find_element_by_id(
"su"
).click()
time.sleep(
3
)
#将页面滚动条拖到底部
js
=
"var q=document.documentElement.scrollTop=10000"
driver.execute_script(js)
time.sleep(
3
)
#将滚动条移动到页面的顶部
js
=
"var q=document.documentElement.scrollTop=0"
driver.execute_script(js)
time.sleep(
3
)
driver.quit()
|
扫一扫
1420
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
