1. 程式人生 > >Selenium學習筆記之013:控制滾動條到底部

Selenium學習筆記之013:控制滾動條到底部

  •   控制滾動條到底部

有時候我們需要控制頁面滾動條上的滾動條,但滾動條並非頁面上的元素,這個時候就需要藉助js是來進行操作。一般用到操作滾動條的會兩個場景:

  • 註冊時的法律條文需要閱讀,判斷使用者是否閱讀的標準是:滾動條是否拉到最下方。
  • 要操作的頁面元素不在吸視範圍,無法進行操作,需要拖動滾動條
這裡需要掌握一些JS的知識,其方法如下: 用於標識滾動條位置的程式碼
<body   onload= "document.body.scrollTop=0 ">
<body   onload= "document.body.scrollTop=100000 ">
如果滾動條在最上方的話,scrollTop=0 ,那麼要想使用滾動條在最可下方,可以scrollTop=100000 ,這樣就可以使滾動條在最下方。

場景一

先來解決場第一個問題,法律條款是一個內嵌視窗,通過firebug工具可以定位到內嵌入視窗可以定位到元素的id ,可以通過下面的程式碼實現。

js="var q=document.getElementById('id').scrollTop=10000"
driver.execute_script(js)


場景二
有滾動條的頁面到處可見,這個就比較容易找例子,我們以操作百度搜索結果頁為例:
#coding=utf-8
from selenium import webdriver
import time

#訪問百度
driver=webdriver.Firefox()
driver.get("http://www.baidu.com")

#搜尋
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()
文章參考資料: