# 那些年不得不滚动的页面

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.3k累计阅读 1.3k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄15年

关注

原创最新推荐文章于 2026-04-21 02:16:16 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

解决页面滚动并滚动停止时间问题案例 python 滚动条页面滚动文章目录1. 问题引入2. 屏幕滚动问题3. 滚动停止的方法4. 案例 1. 问题引入现在的网页都是采用ajax加载的，如果我们要用selenium爬取网页的全部内容，就必须等待网页彻底加载完毕。而一页很显然不能加载完，那就需要拖动滚动条，直到所有内容加载完。而且，如果你爬取的时多个网页，那么你要控制住，当页面内容加载完后停止滚动。然后开始获取页面内容并解析爬取。本文就是介绍这两点内容的。我查找了许多帖子和博客，最终没有能够如愿解决。后来结合查到的信息内容和自己的思想解决了问题。全用的python和sel 阅读详情

.......

收录于

心情

当前文章被收录于：

心情

41 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

实现随页面滚动而出现的动画效果在现代网页设计中，滚动动画是一种非常流行的交互方式，能够增强用户体验并提升页面的视觉吸引力。通过 CSS 动画和属性，我们可以轻松实现组件（如图片、文本等）在页面滚动时逐渐出现的动画效果。本文将详细介绍如何实现这一效果。使用定义组件从隐藏到显示的动画效果。例如，组件从透明和缩小状态逐渐变为不透明和正常大小。 2.2 应用动画将动画应用到组件上，并设置动画的持续时间和触发时机。：将动画应用到组件上，动画速度为线性。：将动画与页面滚动绑定。：定义动画的触发范围：：当组件进入视口时开始动阅读详情

相关推荐

python实现操作web页面的滚动条

import unittest from selenium import webdriver import time import traceback class MyTestCase(unittest.TestCase): def setUp(self): #启动火狐浏览器 self.driver=webdriver.Chrome(executable_path=’/python/driver...

Marry_Ma的博客 3310

HTML5 实现页面滚动

最近项目中需要使用页面滚动，其实页面滚动相对来说挺简单的，但是在实际的使用过程中，尝试了几种不同的方法，总结一下：一、利用html 标签二、ScrollToView

Three_ST的博客 2万+

页面列表实现向上无缝滚动

HTML代码: <template> <div class="hello" id="container"> <div id="content1"> <ul> <li v-for="(item,index) in list" :key="index">{{item.text}}</li> ...

qq_43729779的博客 2512

python selenium 滚动条处理、页面拖动

　　selenium中没有直接控制滚动条的方法，可以使用方法:execute_script()，可以直接执行js的脚本。　　一、竖向滚动条控制，三种方法总有一款适合你。　　　　1.滚动条拉到最底：　　　　　　js="var q=document.documentElement.scrollTop=10000" 　　　　　　driver.execute_script(js) 　...

春天的波菜 1万+

selenium python webdriver 操作页面的滚动条

网页搜索的很多的答案是这样的： js="var q=document.documentElement.scrollTop=100000" driver.execute_script(js) 自己实战通过截屏的方式验证，不生效，经过一番研究以后，发现稍加修改就可以：把documentElement换位body即可，完整的代码如下： from selenium import webdri

ping523的专栏 1万+

别再搞混了！Vue3里xgplayer播放FLV视频与FLV直播流，配置到底差在哪？

本文详细解析了在Vue3项目中使用xgplayer播放FLV视频与FLV直播流的配置差异，帮助开发者避免常见错误。通过对比点播与直播的核心协议差异、插件选择及配置参数，提供实战代码示例和性能优化技巧，确保流畅播放体验。特别针对直播流场景，深入讲解专属配置和问题排查方法。

weixin_28687331的博客 150

监听页面滚动及滚动到指定位置

两种监听页面滚动的方法一、原生js通过window.onscroll监听window.onscroll = function() {//为了保证兼容性，这里取两个值，哪个有值取哪一个//scrollTop就是触发滚轮事件时滚轮的高度var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;conso...

4768

【SAP GUI 脚本 VBA】实战：构建Excel驱动的SAP自动化操作平台

本文详细介绍了如何利用VBA和SAP GUI脚本构建Excel驱动的SAP自动化操作平台，实现高频事务码的标准化封装和批量处理。通过实战案例展示物料主数据查询(MM03)、会计凭证修改(FB02)等场景的自动化实现，帮助用户提升10倍+操作效率，同时确保数据可追溯性和操作安全性。

weixin_33748818的博客 504

【JavaScript】十八、页面加载事件和页面滚动事件

script标签在html中的位置一般在</body>标签上方，这是因为代码从上往下执行，在html元素都没加载的情况下，JS去获取DOM对象，会获取不到，如下，script标签提前，button对象就获取不到。如下，在上面div的例子中，滚动条向下拉，文字向上走（绿色代表div盒子，红色代表文字内容），紫色线所示长度，就是被卷去的长度，即scrollTop。当然，一般获取的是页面滚动的距离，获取整个html页面，不是document.html，而是document.documentElement。

llg___的博客 1526

模糊控制 (Fuzzy Control) 算法详解及案例分析

模糊控制是一种基于模糊逻辑的控制策略，其核心思想是通过模糊规则和模糊推理实现对复杂系统的控制。模糊控制不依赖于精确的数学模型，而是通过模拟人类的决策过程来处理不确定性和非线性问题。

闲人编程的博客 3657

12、激光制造中人工智能与机器学习的应用及挑战

本文探讨了人工智能与机器学习在激光制造中的应用，重点分析了图像分类技术在质量检测中的多种方法及其性能对比，包括基于贝叶斯分类、卷积神经网络（CNN）和多尺度CNN的技术。同时，文章指出了AI在激光制造中面临的五大挑战：鲁棒性、安全性、可解释性、责任归属和可预测性，并提出了相应的解决思路。此外，还介绍了激光制造的主要应用技术如切割、焊接和增材制造的流程、优势与局限性，并通过对比表格直观展示不同技术的特点。最后展望了未来激光制造向智能化、自动化和可持续化发展的趋势。

rgv234567的博客 138

【干货#014】小程序"页面滚动"与"滚动视图区域"区别

发现很多同学在开发小程序时经常搞混小程序的“页面滚动”与“滚动视图区域”的区别。下面我们进行分别解释，把它们彻底搞清：页面滚动小程序页面（注意这里说的页面指的是注册的Page，而不是视图容器view），默认就具有滚动(上拉)功能，滚动时触发PageScroll事件；在页面滚动触底时，会触发ReachBottom事件；页面下拉时，触发PullDownRefresh事件，通

晓程序干货店 2605

【PPS便携式移动电源】如何透彻了解便携式移动电源，仅需要十分钟阅读即可

PPS 便携式储能电源的发展前景广阔，受益于户外经济爆发、应急备灾需求提升及 “双碳” 政策支持，全球市场规模预计持续增长，2025 年出货量将达 2380 万台，未来将向大功率大容量、光充一体化、智能化方向发展，还会拓展家庭储能、移动医疗等新场景，同时钠离子电池应用、双向逆变技术升级将进一步推动行业发展。

昔时扬尘处 272

js实现页面滚动返回顶部

许多网站的右下角都有一个可以使页面返回顶部的按钮例如这些网站：返回顶部我们可以用锚点链接来实现，但是锚点链接它突然闪到页面顶部有点不太好看如果页面是滚动着回到顶部的话会好看很多那么，开始今天的正题 #前面是拆解着讲的，不想看可以直接跳过，带注释的完整版代码在后面先搞几个盒子和一个用来添加点击事件的按钮 <div>模块1</div> <div>模块2</div> <div>模块3</div> <div>模块4

60rzvvbj的博客 7762

全新YOLOv11有效涨点改进专栏目录 | 本专栏持续更新500+篇内容 | 包含各种卷积、主干网络、各种注意力机制、检测头、损失函数、小目标检测改进、二次创新模块、独家创新等几百种创新点改进

YOLOv11专栏持续更新500+种创新改进方案，涵盖卷积优化、注意力机制、主干网络、Neck特征融合、检测头、小目标检测等核心模块。提供独家创新点组合方案、模型轻量化改进及最新Mamba架构融合技术，配套完整实验代码和训练参数解析。订阅用户可加入专属答疑群，获取一键运行项目支持。专栏包含YOLOv11网络结构详解、配置文件解读等入门必读内容，助力科研论文发表与模型性能提升。限时开放订阅通道，提供多种涨点改进方案组合，满足不同研究需求。

Ai缝合怪、助力小伙伴高效发论文 3998

TC397 EB MCAL开发从0开始系列之 [15.1] Fee配置实战 - 双扇区demo

TC397 EB MCAL Fee模块实战之双扇区配置使用

yy九歌的博客 1127

scrollIntoView控制页面元素滚动

如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题，浏览器实现了一下方法，以方便开发人员如何更好的控制页面的滚动。在各种专有方法中，HTML5选择了scrollIntoView()作为标准方法。scrollIntoView()可以在所有的HTML元素上调用，通过滚动浏览器窗口或某个容器元素，调用元素就可以出现在视窗中。如果给该方法传入true作为参数，或者不传入任何参数，那么窗口滚动之后会...

voice的博客 2821

FPGA开发中的操作系统

在FPGA开发中，操作系统起着关键的作用，它负责任务管理、资源管理、中断处理和设备驱动程序等功能。在实际的FPGA开发中，可以选择使用现有的操作系统，如MicroC/OS-II、FreeRTOS等，或者根据具体需求自行设计和开发操作系统。在FPGA（可编程逻辑门阵列）开发中，操作系统扮演着关键的角色，为硬件设计师提供了一种有效的方式来管理资源、调度任务并实现系统级功能。本文将介绍FPGA开发中的操作系统概念，并提供一个简单的示例代码来说明如何在FPGA平台上实现一个基本的操作系统。

CqpFsharp的博客 1156

两种监听页面滚动的方法

两种监听页面滚动的方法一、原生js通过window.onscroll监听 window.onscroll = function() { //为了保证兼容性，这里取两个值，哪个有值取哪一个 //scrollTop就是触发滚轮事件时滚轮的高度 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; ...

zxxxxxxxxxxxz的博客 9295

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox（带书签），MATLAB统计学习工具

滚动条造成页面抖动问题

总结：若用到 margin:0 auto; 使页面居中，若部分页面出现滚动条，滚动条默认有 20px，怎么造成页面抖动；解决办法：参考 1. html{overflow:scoll;} 让页面一直显示滚动条。 overflow 的几个属性值： 2. padding-left: calc(100vw - 100%); 自动计算滚动条的宽度，并让主体左边距离页面该（滚动条的）宽度。比如：我...

Start2019 4797

C# WinForm 基于DirectShow.dll编写的程序，可边预览边保存视频，音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择（默认选中第一个）2.可录制wmv和avi两种格式的视频并且都带有音频，avi可以录制的分辨率和帧数进行选择，wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照，也可边录制视频边拍照4.添加了视频和音频的压缩功能（酌情使用）这次二次开发发现C#对DirectShow的相关信息太少，这次做完也不敢藏私共享出来，还望大家指正

vue 监听滚动条页面滚动动画

以页面底部的“回到顶部”功能为例，搞懂如何监听页面滚动条和实现滚动动画。

m0_53397075的博客 3574

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏相关源码待公开

# python-自动化UI测试之- 操作页面滚动条

encoding = utf-8 from selenium import webdriver import unittest import traceback import time class TestScrollBar(unittest.TestCase): “”“测试滚动条”"" def setUp(self) -> None: self.dr = webdriver.Chrome() print('-------测试用例准备就绪--------') def tearDown

yj11118526618的博客 1054

HTML滚动条制作，怎么去除IE页面滚动条

去掉横向滚动条：overflow-x: hidden;滚动条样式： 1.带背景颜色的实线边框滚动条200px;SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR:#33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORD

liguo9860的专栏 9037

全屏页面往下往上滚动切换页面

全屏滚动 body{overflow:hidden;} .main{width:100%;height:100%;position:relative;} .main .page{width:100%;position:absolute;left:0;right:0;} .page1 { background-color: #1bbc9b;top:0;} .page2 { ba

云教主 5643

html滚动到固定位置,监听页面滚动及滚动到指定位置

weixin_42495057的博客 4621

上一篇：仿wordpress管理后台设计的后台管理框架

下一篇：响应式布局

python实现操作web页面的滚动条

Marry_Ma的博客

07-11

3310