HTML DOM scrollTo()方法

一. 作用

scrollTo()方法可把内容滚动到指定的坐标

二. 语法

scrollTo(x, y)   其中参数x为要在窗口文档显示区左上角显示的文档的x坐标, y为要在窗口文档显示区左上角显示的文档的y坐标

三. 应用

1. 移动到页面底部

driver.execute_script("window.scrollTo(0, document.body.scrollHeight)")

2. 移动到页面顶部

driver.execute_script("window.scrollTo(document.body.scrollHeight, 0)")

其中, document.body.scrollHeight和document.body.scrollWidth分别为页面的总高度和总宽度,单位是像素

3. 实例

from selenium import webdriver
import time

#初始化chromedriver
driver = webdriver.Chrome()

#打开百度首页
driver.get("http://www.baidu.com")

#窗口最大化
driver.maximize_window()

#等待3s
time.sleep(3)

#定位输入框,并输入内容selenium
driver.find_element_by_id("kw").send_keys("selenium")

#定位百度一下按钮,并点击
driver.find_element_by_id("su").click()

#等待2s
time.sleep(2)

#移动到页面底部
driver.execute_script("window.scrollTo(0,document.body.scrollHeight)")

#等待3s
time.sleep(3)

#移动到页面顶部
driver.execute_script("window.scrollTo(document.body.scrollHeight, 0)")

代码运行效果如下:

输入selenium,点击百度一下按钮,2s之后,内容移动到页面的底部

3s之后,内容移动到页面的顶部

 

转载于:https://www.cnblogs.com/my_captain/p/9239024.html

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
`vue-scrollTo` 是一个 Vue.js 插件,用于平滑滚动到页面内的任何元素或顶部。 它可以用于滚动到特定的锚点,或者在用户与 UI 交互时自动触发滚动。此插件可以在 Vue.js 1.x 和 2.x 中使用。 要使用 `vue-scrollTo` 插件,首先需要安装它。可以使用 npm 或 yarn 进行安装: ```bash npm install --save vue-scrollto # 或 yarn add vue-scrollto ``` 安装后,在 Vue.js 应用程序中使用插件: ```javascript import Vue from 'vue' import VueScrollTo from 'vue-scrollto' Vue.use(VueScrollTo) ``` 现在,你可以在 Vue.js 组件中使用 `v-scroll-to` 指令来实现滚动效果了。例如: ```html <template> <div> <button v-scroll-to="'#top'">回到顶部</button> <div id="top">这是页面顶部</div> <div v-for="i in 20" :key="i">这是页面内容</div> </div> </template> ``` 在上面的代码中,当用户点击“回到顶部”按钮时,页面将平滑地滚动到 id 为“top”的元素的顶部。 你可以使用以下参数来更改滚动行为: - `v-scroll-to` 的值可以是字符串,指定要滚动到的元素的 CSS 选择器或 DOM 元素。例如,`v-scroll-to="'#top'"` 将滚动到 ID 为“top”的元素。 - `duration`(可选):指定滚动的持续时间(以毫秒为单位)。默认值为 500。 - `offset`(可选):指定滚动偏移量(以像素为单位)。例如,`v-scroll-to="'#top'" offset="100"` 将滚动到 ID 为“top”的元素的顶部加上 100 像素的偏移量。 - `easing`(可选):指定滚动的缓动函数。默认值为 'ease-out'。 更多参数和使用方法可以查看 `vue-scrollTo` 的文档:https://github.com/rigor789/vue-scrollTo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值