Python+Selenium-12-执行js脚本控制滚动条

最新推荐文章于 2024-08-16 09:56:21 发布

原创最新推荐文章于 2024-08-16 09:56:21 发布 · 671 阅读

3 ·

CC 4.0 BY-SA版权

Python+Selenium自动化专栏收录该内容

21 篇文章

订阅专栏

本文介绍使用Selenium WebDriver操作滚动条的场景与方法，包括将滚动条拖动到特定位置或底部，确保目标元素可见，适用于长网页的元素定位与操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

执行js脚本控制滚动条

什么时候会操作滚动条

（1）webdriver就是模拟浏览器去查找并操作元素，当页面很长的时候，有些元素我们在打开浏览器后并不会在当前窗口显示，那么定位的话肯定是会报错的，此时就需要通过操作滚动条来让“目标元素”显示在当前窗口

（2）如果滚动条是作为一个页面元素的（就是查看源码能查找到这个元素），可以直接通过定位到这个元素，用模拟键盘DOWN键操作，driver.find_element_by_id("id").send_keys(Keys.DOWN)

（3）一般情况滚动条是不会作为一个页面元素的，就需要我们去定位到目标元素再操作滚动条让目标元素显示在窗口

常用两种方式

（1）将滚动条拉到某个位置（固定格式，实用也简单）

（2）将滚动条拖到底部（顶部）

#滚动到底部
js = "window.scrollTo(0,document.body.scrollHeight)"
driver.execute_script(js)

#滚动到顶部（不常用）
js = "window.scrollTo(0,0)"
driver.execute_script(js)

以“我爱我家”网站为例，通过拉动右侧滚动条，点击下方的“友情链接”的链接

分析：将滚动条直接拉到最底部，“友情链接”在窗口显示

代码部分

代码（拖到固定位置）

# coding=utf-8
import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.get("https://wx.5i5j.com/")
driver.maximize_window()
time.sleep(2)

# 找到“友情链接”这个元素，变量保存,执行的脚本为固定写法记住就行
target =driver.find_element_by_xpath("//div[@class='footer-box']/div/div[1]/ul/li[4]/a")  # “友情链接”元素
driver.execute_script("arguments[0].scrollIntoView();",target)
target.click()

代码（拖到底部）

# coding=utf-8
import time
from selenium import webdriver

driver = webdriver.Chrome()
driver.get("https://wx.5i5j.com/")
driver.maximize_window()
time.sleep(2)

# 拖到底部，点击“友情链接”
js = "window.scrollTo(0,document.body.scrollHeight)"
driver.execute_script(js)
driver.find_element_by_xpath("//div[@class='footer-box']/div/div[1]/ul/li[4]/a").click()

结果显示（都会成功跳转至友情链接页面）