分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

js中scrollIntoView()的用法

发布时间:2023-09-06 02:01责任编辑:苏小强关键词:js

一. 什么是scrollIntoView

scrollIntoView是一个与页面(容器)滚动相关的API

二. 如何调用

element.scrollIntoView() ?参数默认为true

参数为true:调用该函数,页面发送滚动,使element的顶部与视图(容器)顶部对齐

参数为false:使element的底部与视图(容器)底部对齐

三. 使用场景

在selenium+webdriver(python语言)做元素定位时,有的元素在页面的不可见区域,这时候需要scrollIntoView()将其拖动到可见区域,代码如下:

from selenium import webdriver#初始化chromedriverdriver = webdriver.Chrome()#设置隐性等待时间8sdriver.implicitly_wait(8)#打开百度首页driver.get("https://www.baidu.com/")#窗口最大化driver.maximize_window()#使用xpath定位输入框,并输入内容 pythondriver.find_element_by_xpath("//input[@id=‘kw‘]").send_keys("selenium")#定位并点击 百度一下 的提交按钮driver.find_element_by_xpath("//input[@id=‘su‘]").click()#通过CSS定位到第10条搜索结果target = driver.find_element_by_css_selector("div[id=‘10‘] h3 a")#利用js将定位到的元素拖动到可见区域driver.execute_script("arguments[0].scrollIntoView();", target)import requestsrequests.request()

看到的情况是,我定位到的元素的标题和浏览器顶部对齐了,效果不太好

这时只要把scrollIntoView()改成scrollIntoView(false)就可以解决了

#利用js将定位到的元素拖动到可见区域driver.execute_script("arguments[0].scrollIntoView(false);", target)

参考文章

https://blog.csdn.net/hyl94/article/details/77472154

https://www.cnblogs.com/laoniaofly/p/5954202.html

js中scrollIntoView()的用法

原文地址:https://www.cnblogs.com/cnhkzyy/p/9233314.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved