作用
语法格式
cy.scrollTo(position)
cy.scrollTo(x, y)
cy.scrollTo(position, options)
cy.scrollTo(x, y, options)
// ---或---
.scrollTo(position)
.scrollTo(x, y)
.scrollTo(position, options)
.scrollTo(x, y, options)
正确写法
// 整个页面往下滑动 500px
cy.scrollTo(0, 500)
// 滚动 .sidebar 元素到它的底部
cy.get('.sidebar').scrollTo('bottom')
重点
- 必须是 DOM 元素才能调用 .scrollTo()
- 可以是针对浏览器窗口
- 也可以是针对有滚动条的元素
错误写法
// 不是 DOM 元素
cy.title().scrollTo('My App')
参数列表
position 位置参数
坐标 x, y
options
实际栗子
html 代码
测试文件代码
总结,有三种x, y的写法
- 直接写数字,代表 px,但不用加 px
- 百分比
- 指定px,需要加px