分类：页面滚动

2021
05-23

JavaScript 实现页面滚动动画

在做前端UI效果时，让元素根据滚动位置实现动画效果是一个非常流行的设计，通常我们会使用第三方插件或库来实现。在本教程中，我将教大家使用纯JavaScript和CSS来实现。先预览一下实现的效果：我们使用CSS来实现动画，用JavaScript来处理触发所需的样式。我们先来创建布局。创建布局我们先使用HTML创建页面布局，然后为需要实现动画的元素分配一个通用类名，后面的JavaScript通过此类名定位这些元素。这里我们给需要... 继续阅读 >

2020
09-24

Selenium 滚动页面至元素可见的方法

滚动页面在自动化操作中，如果web页面过长，而我们需要的元素并不在当前可视页面中，那么selenium就无法对其进行操作；此时，我们就需要像平时操作浏览器一样来滚动页面，使我们需要操作的对象可见！滚动页面的方法：window.scrollBy()window.scrollBy(0,500)  向下滚动500个像素window.scrollBy(0,-500)向上滚动500个像素window.scrollBy(500,0)  向右滚动500个像素window.scroll... 继续阅读 >