滚动条基本知识： 建议比价华丽的页面使用overflow:scroll这个样式的滚动条，比较好看。...加上一点特别的效果： 4.在样式表文件中定义好一个类...body页面不使用滚动条，只在某个div内使用滚动条 先说说正常显示的，显示滚动条和不显示滚动条，效果图如下： 代码： iframe 中始终显示滚动条： iframe 中从不显示滚动条： 注：1，不显示总的滚动条，会导致页面内容过多事不能显示超出页面高度的内容，所有要注意协调。
，真=默认/“光标”=只进游标隐藏/ false =不隐藏背景，CSS改变轨道的背景下，默认为“” iframeautoresize，在加载事件AUTORESIZE的iframe（默认：true）...cursorminheight，设置在像素的最小光标高度（默认值：20） preservenativescrolling，您可以滚动本机可滚动区域用鼠标，冒泡鼠标滚轮事件（默认：true） railoffset...，空格键已经按下滚动（默认：true） railpadding，设置填充为铁路吧（默认值：{顶：0，右：0，左：0，下：0}） disableoutline，对于chrome浏览器，停用大纲（橙色hightlight...，用于光标在像素设置固定的高度（默认：false） hidecursordelay，设置在微秒淡出滚动条的延迟时间（默认值：400） directionlockdeadzone，在对方向锁定激活像素死区...（默认值：6） nativeparentscrolling，检测内容底部，并让家长来滚动，作为原生滚动做（默认：true） enablescrollonselection，启用自动滚动的内容时，选择文本
需求描述 上上周接到了新的项目，移动端需要做一个底部有五个导航，点击不同的导航页面主体显示不同的页面，其中两个页面是自己做，而另外三个页面是引用另外三个网址，其中两个网址为内部项目，另外一个为外部（涉及跨域...每点击一次加载一个新的iframe，比较懒，所以两个新页面也做成了iframe，在做的过程中出现了如下问题，这里总结一下： 1.嵌入的iframe页面无法滚动 2.meta元素的ontent不一致，...外部的页面使用width=device-width,而引用的其中一个页面的width=640，这导致那个页面渲染的时候无法全屏缩小 3.ios下其中的一个页面莫名其妙的扩大 4.iframe的页面a...1.嵌入的iframe页面无法滚动 在iframe外层包裹一个div,然后将其设置为可滚动 <div style="webkit-overflow-scrolling: touch;overflow-y...4.<em>iframe</em>的<em>页面</em>a标签的锚点失效 若<em>iframe</em>不涉及跨域，网上有兼容代码可以重新设置a标签，跨域解决不了，因为跨域的情况下，<em>外部</em><em>页面</em>是无法获取到<em>iframe</em>下的元素的，最后这个导航做了<em>外部</em>跳转。
截取所选屏幕区域到一个文件 Command-Shift-3 截取全部屏幕到文件 Command-Shift-Control-3 截取全部屏幕到剪贴板 Command-Shift-4 截取所选屏幕区域到一个文件，或按空格键仅捕捉一个窗口...Command-Shift-Control-4 截取所选屏幕区域到剪贴板，或按空格键仅捕捉一个窗 3、在应用程序中： Command-Option-esc 打开强制退出窗口 Command-H 隐藏(...，点击文件，按下可重命名文件 Command-O 打开所选项。...在Mac里打开文件不像Windows里直接按Enter Command-Option-V 作用相当于Windows里的文件剪切。...将文件移至废纸篓 Command-Shift-Delete 清倒废纸篓 空格键 快速查看选中的文件，也就是预览功能 6、在浏览器中： Control-Tab 转向下一个标签页 Command-L 光标直接跳至地址栏
截取所选屏幕区域到一个文件 Command-Shift-3：截取全部屏幕到文件 Command-Shift-Control-3：截取全部屏幕到剪贴板 Command-Shift-4：截取所选屏幕区域到一个文件，或按空格键仅捕捉一个窗口...Command-Shift-Control-4：截取所选屏幕区域到剪贴板，或按空格键仅捕捉一个窗口 在应用程序中 Command-H：隐藏（Hide）当前正在运行的应用程序窗口 Command-Option-H...中 Command-Shift-N：新建文件夹（New） Command-Shift-G：调出窗口，可输入绝对路径直达文件夹（Go） return这个其实不算快捷键，点击文件，按下可重命名文件 Command-O...：将文件移至废纸篓 Command-Shift-Delete：清倒废纸篓 空格键：快速查看选中的文件，也就是预览功能 在safari浏览器补充 上下方向键 小范围的垂直滚动页面 左右方向键 小范围的水平滚动页面...Option ＋ 方向键 整屏的滚动页面 Cmd + 上下方向键 滚动到页面的最上或最 空格键 整屏滚动 Del 后退 Shift + Del 向前 Page up Page down 整屏滚动
Command-Shift-3 截取全部屏幕到文件 Command-Shift-Control-3 截取全部屏幕到剪贴板 Command-Shift-4 截取所选屏幕区域到一个文件，或按空格键仅捕捉一个窗口... Command-Shift-Control-4 截取所选屏幕区域到剪贴板，或按空格键仅捕捉一个窗 3、在应用程序中： Command-Option-esc 打开强制退出窗口 Command-H...return 这个其实不算快捷键，点击文件，按下可重命名文件 Command-O 打开所选项。...在Mac里打开文件不像Windows里直接按Enter Command-Option-V 作用相当于Windows里的文件剪切。...将文件移至废纸篓 Command-Shift-Delete 清倒废纸篓 空格键 快速查看选中的文件，也就是预览功能 6、在浏览器中： Control-Tab 转向下一个标签页
Command-Shift-3 截取全部屏幕到文件 Command-Shift-Control-3 截取全部屏幕到剪贴板 Command-Shift-4 截取所选屏幕区域到一个文件，或按空格键仅捕捉一个窗口... Command-Shift-Control-4 截取所选屏幕区域到剪贴板，或按空格键仅捕捉一个窗 在应用程序中： Command-Option-esc 打开强制退出窗口 Command-H...这个其实不算快捷键，点击文件，按下可重命名文件 Command-O 打开所选项。...在Mac里打开文件不像Windows里直接按Enter Command-Option-V 作用相当于Windows里的文件剪切。...将文件移至废纸篓 Command-Shift-Delete 清倒废纸篓 空格键 快速查看选中的文件，也就是预览功能 在浏览器中： Control-Tab 转向下一个标签页 Command-L
Command + Shift + 3 截取全部屏幕到文件 Command + Shift + Control + 3 截取全部屏幕到剪贴板 Command + Shift + 4 截取所选屏幕区域到一个文件，或按空格键仅捕捉一个窗口...Command + Shift + Control + 4 截取所选屏幕区域到剪贴板，或按空格键仅捕捉一个窗口 文件管理器 Command + Shift + N 新建文件夹（New） Command...+ Shift + G 调出窗口，可输入绝对路径直达文件夹（Go） return 这个其实不算快捷键，点击文件，按下可重命名文件 Command + O 打开所选项。...在Mac里打开文件不像Windows里直接按Enter Command + Option + V 作用相当于Windows里的文件剪切。...+ Shift + Tab 转向上一个标签页 Command + '+'或'=' 放大页面 Command + '-' 缩小页面 应用程序中 Command + H 隐藏（Hide）当前正在运行的应用程序窗口
outerHeight: 返回窗口的外部高度，包含工具条与滚动条。 outerWidth: 返回窗口的外部宽度，包含工具条与滚动条。...scroll(): 滚动窗口至文档中的特定位置。 scrollBy(): 在窗口中按指定的偏移量滚动文档。 scrollTo(): 把内容滚动到指定的坐标。...ondblclick: 当双击页面时调用事件句柄。 oncontextmenu: 在点击鼠标右键打开上下文菜单时触发。 onmousedown: 鼠标按钮被按下时触发。...onauxclick: 指示在输入设备上按下非主按钮时触发，例如鼠标中键。 键盘相关 onkeydown: 某个键盘按键被按下时触发。 onkeyup: 某个键盘按键被松开后触发。...打印相关 onbeforeprint: 该事件在页面即将开始打印时触发 onafterprint: 该事件在页面已经开始打印或者打印窗口已经关闭时触发。
目录 1、get_attribute() 2、js滚动页面 3、Tab键点击页面未展示元素 4、通过空格键执行滚动滚动操作 1.摁空格键 2.报错：TypeError: list indices must...target_element.get_attribute("class") 里面可以填所有的属性，目前我尝试过的有如下几个 #获取元素标签的内容： get_attribute('textContent') #获取元素内的全部...通过js执行页面滚动条操作 #滚动屏幕元素可见 # 将页面向下拉取400像素 print(f"将页面向下拉取{int(index/5+1)*400}像素") self.driver.execute_script...#点击history的按钮，使得下面的内容显示出来 history_element.click() 4、通过空格键执行页面滚动操作 终极大法，按住下键或者摁空格键可以到达页面底部 1.摁空格键 注意：...如果页面有多个滚动条，则需要鼠标左键单击对应的滚动条对应页面 直接进入页面点空格键是没有反应的，需要点击一下页面再摁空格键才有效果 from selenium.webdriver.common.action_chains
今天主要聊一下关于 scroll 的应用： CSS 平滑滚动 JS 滚动方法 区分人为滚动和脚本滚动 2、CSS 平滑滚动 2.1 一行样式改善体验 在一些滚动交互比较频繁的场景，我们可以通过在可滚动容器上增加一行样式来改善用户体验...2.3 注意 1、在可滚动的容器上设置了 scroll-behavior: smooth 之后，其优先级是高于 JS 方法的。...2、在可滚动的容器上设置了 scroll-behavior: smooth 之后，还能够影响到浏览器 Ctrl+F 的表现，使其也呈现平滑滚动的效果。...1、页面有 iframe 的情况下，比如说这个例子。 表现是当 iframe 内的内容发生滚动时，主页面也发生了滚动。...而且，考虑到那些异常情况： 脚本滚动发生异常 脚本滚动被人为滚动打断 我们都得保证执行了一次回调，确保外部状态被释放，下一次滚动的逻辑正常。
Command + Shift + 3 截取全部屏幕到文件 Command + Shift + Control + 3 截取全部屏幕到剪贴板 Command + Shift + 4 截取所选屏幕区域到一个文件，或按空格键仅捕捉一个窗口...Command + Shift + Control + 4 截取所选屏幕区域到剪贴板，或按空格键仅捕捉一个窗口 在应用程序中： Command-Option-esc 打开强制退出窗口 Command-H...，点击文件，按下可重命名文件 Command-O 打开所选项。...在Mac里打开文件不像Windows里直接按Enter Command-Option-V 作用相当于Windows里的文件剪切。...Control-Tab 转向下一个标签页 Control-Shift-Tab 转向上一个标签页 Command-加号或等号 放大页面 Command-减号 缩小页面 Mac启动与关机时的快捷键 Command-Option-P-R
，“”内编写网页上显示的内容。...，也可全部遵守，看开发要求。... 绝对路径和相对路径 像网页上插入图片这种外部文件，需要定义文件的引用地址，引用外部文件还包括引用外部样式表，javascript...2 定义页面内滚动跳转 页面内定义了“id”或者“name”的元素，可以通过a标签链接到它的页面滚动位置，前提是页面要足够高，有滚动条，且元素不能在页面顶部，否则页面不会滚动。...>标签会创建包含另外一个html文件的内联框架（即行内框架），src属性来定义另一个html文件的引用地址，frameborder属性定义边框，scrolling属性定义是否有滚动条，代码如下： <iframe
滚动动画 用滚动驱动的动画是网站上非常常见的用户体验模式，比如当页面向前或向后滚动时，对应的动画也会向前或向后移动。...比如下面图中这种比较常见的，页面顶部的进度条随着滚动而变化： 另外还可以依靠页面滚动来驱动页面上的元素淡入淡出： 一项新的 Scroll-driven Animations 规范定义了两种可供我们使用的新时间线类型...View Progress Timeline: 链接到特定元素在其滚动容器内的相对位置的时间线。 下面是一个代码示例，它使用匿名的滚动进度时间轴创建固定在页面顶部的阅读进度指示器。...但是，Grid 和 Flexbox 元素有内部和外部的 display 类型。外部的 display 类型描述元素是块级还是内联，内部的显示类型描述容器中的子元素应该如何表现。...Fenced Frames 在很多业务场景中，我们可能会使用 iframe 去嵌入一些智能推荐的广告。
中使用的特性 权限策略采用继承制度，假如说页面的权限策略禁止访问麦克风，那么页面中嵌入的 iframe 会继承该策略，禁止使用麦克风，如果嵌入的 iframe 在 allow 属性中设置了自己的权限策略...这个属性定义了框架的内容距其上边框与下边框的距离，单位是像素 16) marginwidth 这个属性定义了框架的内容距其左边框和右边框的距离，单位是像素 17) scrolling 这个属性控制是否要在框架内显示滚动条...，允许的值包括： auto: 仅当框架的内容超出框架的范围时显示滚动条 yes: 始终显示滚动条 no: 从不显示滚动条 2....并不能 5. object 和 iframe 的不同 虽然 object 和 iframe 标签都是通过指定外部 URL 进行加载资源的，但是 iframe 标签内的内容不会被解析成HTML， objetc...页面显示了 data 指定的内容，但是从页面 HTML 看，标签内的内容也解析了，我们换一个更加明显的 alert 6. object 标签内执行情况 object 标签内的情况就和一个 div标签一样
目录如下： web自动化之selenium的特殊用法（一） 1、get_attribute() 2、js滚动页面 3、Tab键点击页面未展示元素 4、通过空格键执行页面滚动操作 1.摁空格键 2.报错...通过js执行页面滚动条操作 #滚动屏幕元素可见 # 将页面向下拉取400像素 print(f"将页面向下拉取{int(index/5+1)*400}像素") self.driver.execute_script...#点击history的按钮，使得下面的内容显示出来 history_element.click() 4、通过空格键执行页面滚动操作 终极大法，按住下键或者摁空格键可以到达页面底部 1.摁空格键 注意...：如果页面有多个滚动条，则需要鼠标左键单击对应的滚动条对应页面 直接进入页面点空格键是没有反应的，需要点击一下页面在摁空格键才有效果 from selenium.webdriver.common.action_chains...1、需要定位出你需要截图的页面所处的坐标大致位置 2、第一次截图完后，定位到上述坐标，按下空格按钮（页面会进行滚动，小伙伴可以试一下），再次截图 3、如果需要继续截图可以继续按 4、进行图片拼接 注意点
3.0、我们在获取到页面后同样需要获取到节点，然后才能继续后面的操作。继续实例一下。 3.1首先分析页面 ?...点击按钮同样的方式也可。 获取节点的方法还有几种，我们来看一下。 find_element_by_class_name()通过class名来获取。...5.2、其他 send_keys(Keys.BACK_SPACE)删除键（BackSpace） send_keys(Keys.SPACE) 空格键(Space) send_keys(Keys.TAB...7.0、切换表单 在Web应用中经常会遇到frame/iframe表单嵌套页面的应用，Selenium打开页面后默认在frame中找节点，也就是说，我们找不到iframe的节点。...比如在百度页面，点击登录后，再点击立即注册，如果不延时等待就会报错（可以自己去试一下） 9.1隐式等待 implicitly_wait(10)表示在10秒内，只要有没有找到的节点，在10秒内会一直寻找，
Alt + 空格键 + n 最大化当前窗口 Alt + 空格键 + x 关闭当前窗口 Alt + F4 退出 Google Chrome Ctrl + Shift + q Google Chrome...Ctrl + k 或 Ctrl + e 从地址栏中移除联想查询内容 按向下箭头键以突出显示相应内容，然后按 Shift + Delete 键 网页快捷键 操作 快捷键 打开选项以打印当前网页 Ctrl...，一次一个屏幕 空格键或 PgDn 向上滚动网页，一次一个屏幕 Shift + 空格键或 PgUp 转到网页顶部 首页 转到网页底部 末尾 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮 将光标移到文本字段中的上一个字词前面... Shift 键的同时点击链接 在新窗口中打开标签页（仅使用鼠标） 将标签页拖出标签栏 将标签页移至当前窗口（仅限鼠标） 将标签页拖到现有窗口中 将标签页移回其原始位置 拖动标签页的同时按 Esc 将当前网页保存为书签...双击标签栏的空白区域 放大网页上的所有内容 按住 Ctrl 键的同时向上滚动鼠标滚轮 缩小网页上的所有内容 按住 Ctrl 键的同时向下滚动鼠标滚轮 文章作者ianzhi,原文地址：https://
+ PgUp 跳转到特定标签页 Ctrl + 1 到 Ctrl + 8 跳转到最右侧的那个标签页 Ctrl + 9 在当前标签页中打开主页 Alt + Home 打开当前标签页浏览记录中记录的上一个页面...Alt + 向左箭头键 打开当前标签页浏览记录中记录的下一个页面 Alt + 向右箭头键 关闭当前标签页 Ctrl + w 或 Ctrl + F4 关闭当前窗口 Ctrl + Shift + w 或...Alt + F4 最小化当前窗口 Alt + 空格键，然后按 n 键 最大化当前窗口 Alt + 空格键，然后按 x 键 退出 Google Chrome Alt + f，然后按 x 键 Google...，一次一个屏幕 空格键或 PgDn 向上滚动网页，一次一个屏幕 Shift + 空格键或 PgUp 转到网页顶部 首页 转到网页底部 末尾 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮 将光标移到文本字段中的上一个字词起始处...将标签页移至当前窗口（仅限鼠标） 将标签页拖到现有窗口中 将标签页移回其原始位置 拖动标签页的同时按 Esc 将当前网页保存为书签 将相应网址拖动到书签栏中 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮
+ w 最小化当前窗口 Alt + 空格键 + n 最大化当前窗口 Alt + 空格键 + x 关闭当前窗口 Alt + F4 退出 Google Chrome Ctrl + Shift + q Google...Ctrl + k 或 Ctrl + e 从地址栏中移除联想查询内容 按向下箭头键以突出显示相应内容，然后按 Shift + Delete 网页快捷键 操作 快捷键 打开选项以打印当前网页 Ctrl...，一次一个屏幕 空格键或 PgDn 向上滚动网页，一次一个屏幕 Shift + 空格键或 PgUp 转到网页顶部 首页 转到网页底部 末尾 在网页上水平滚动 按住 Shift 键并滚动鼠标滚轮 将光标移到文本字段中的上一个字词前面...或者点击（按住鼠标按键别松手）“后退”箭头 或“前进”箭头 在最大化模式和窗口模式间切换 双击标签栏的空白区域 放大网页上的所有内容 按住 Ctrl 键的同时向上滚动鼠标滚轮 缩小网页上的所有内容 按住... Ctrl 键的同时向下滚动鼠标滚轮
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
