js的处理滚动条

按照悠悠书上的去处理。发现我的版本反而行不通。

就行着悠悠的路。反过来走。反而通了。不知道为毛。能通就行了

版本:chrome62,selenium 3.8.0

语言:python 2.7.6

js滚动条处理:

学习网上各个的方式

js = "var q=document.body.scrollTop=100000" 滚动到最底部

js1 ="var q=document.body.scrollTop=0" 滚动至顶部

from selenium import webdriver

import time

options = webdriver.ChromeOptions()

options.add_argument("start-maximized")

driver = webdriver.Chrome(chrome_options=options)

driver.get(‘https://www.cnblogs.com/yoyoketang/?_wv=1031‘)

driver.implicitly_wait(30)

driver.execute_script(js)

time.sleep(2)

亲自测试,发现这个方式无法滚动到底部(网上的资料,是否是使用的低版本的chrome的浏览器导致的问题,还是selenium的问题。我就不深究了,能用就代表你的用例可以走下去了)

js ="var q=document.documentElement.scrollTop=100000" 滚动到底部

js ="var q=document.documentElement.scrollTop=0" 滚动到顶部

from selenium import webdriver

import time

options = webdriver.ChromeOptions()

options.add_argument("start-maximized")

driver = webdriver.Chrome(chrome_options=options)

driver.get(‘https://www.cnblogs.com/yoyoketang/?_wv=1031‘)

driver.implicitly_wait(30)

driver.execute_script(js)

time.sleep(2)

亲测可以啦到顶部。(怀疑是否是chrome版本是62的原因)

使用body的方式无法到顶部和底部

而使用documentElement.srollTop 可以拖动至顶部和底部

原文地址:https://www.cnblogs.com/xiaoxiao-niao/p/8283423.html

时间: 2024-11-05 15:57:30

js的处理滚动条的相关文章

js 禁止|阻止滚动条滚动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Ty

JS性能之滚动条之外的其他部分

问题: 如果一个页面宽高比较大,也就是页面需要滚动条来查看其他页面内容,这时候,在滚动条之外的其他部分,是依然处于运行状态. 比如那部分有视频播放,则那些视频虽然在当前窗口看不到,但它们还是会处于播放状态,也就是说在不停的消耗页面的资源! 解决方法: # 如果对于当页面没有滚动条,也就是一个页面可以完全显示所有内容的情况下,就没有必要去解决该问题了. 1 自己写个函数,专门用于监听页面的所有内容,如果某模块处于滚动条之外,则对该模块进行隐藏操作--display:none; JS性能之滚动条之外

LM-diyScroll.js PC自定义滚动条组件

LM-diyScroll.js PC自定义滚动条组件,零依赖! github地址:http://dtdxrk.github.io/LM-diyScroll/ CDN http://dtdxrk.github.io/LM-diyScroll/LM-diyScroll-min.js Demo 实例演示 USE 生成一个有滚动条的实例 var box = new LM_diyScroll({ id:'box', viewHeight:300 }); 显示滚动条 box.barShow(); 隐藏滚动条

js 层随着滚动条上下移动

var tips; var theTop = 10; /*这是默认高度,越大越往下*/ var old = theTop; function moveTips() { var tt = 0; if (window.innerHeight) { pos = window.pageYOffset } else if (document.documentElement && document.documentElement.scrollTop) { pos = document.document

JS控制百度滚动条

JS控制滚动条的位置:window.scrollTo(x,y); 竖向滚动条置顶 window.scrollTo(0,0);竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight) JS控制TextArea滚动条自动滚动到最下部 document.getElementById('textarea').scrollTop = document.getElementById('textarea').scrollHeight 例子: import or

js控制网页滚动条往下滚动

function aa(i){ var tm = setInterval(function(){ var t = $(window).scrollTop(); var d = i < t ? Math.min((i-t)/10, -1) : Math.max((i-t)/10, 1) $(window).scrollTop( t + d ); if($(window).scrollTop()==i)clearInterval(tm); },30) } js控制网页滚动条往下滚动

[Jquery] js获取浏览器滚动条距离顶端的距离

需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小  一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(document).scrollTop(); 获取滚动条到

js获取浏览器滚动条距离顶端的距离

最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存:    一.jQuery获取的相关方法 jquery 获取滚动条高度 获取浏览器显示区域的高度 : $(window).height(); 获取浏览器显示区域的宽度 : $(window).width(); 获取页面的文档高度 : $(document).height(); 获取页面的文档宽度 :$(document).width(); 获取滚动条到顶部的垂直高度 : $(docu

js实现div滚动条在页面刷新 滚动条位置固定

思想:1.通过div的onscroll事件记录滚动条的scrollTop值,设置到document.cookie 2.页面加载时再读取document.cookie的值,设置给div的scrollTop js代码实现: function KeepScrollBar() { var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof

H5自定义滚动插件——DeftScroll.js,可自定义滚动条

在一些项目中,用户总是要求自定义一下滚动条,以前一般用iscroll解决,但是发现iscroll有很多不方便的地方,而且也比较大,索性自己琢磨一个类似的插件吧!目的有两个:要足够小,易于上手使用:功能一定要足够实用,能满足广大H5开发者的基本需求. 介绍一下这个插件的主要功能: 1.隐藏或显示滚动条,自定义滚动条样式. 2.滚动dom的刷新:refresh: 3.滚动内容的懒加载: 4.子元素绑定tap事件: 5.支持scrolling.scrollEnd等插件内事件绑定: 6.scrollTo