js拖拽元素到另一个元素_js控制浏览器滚动条到制定元素

最近在使用selenium抓取数据，但是需要使用js控制滚动条来加载数据。主要是不会js，不会直接使用js来加载数据。

这里就使用笨方法，控制滚动条滚动到制定元素来加载数据。

版本1：下拉滚动条

最开始使用的是滚动滚动条向下100000

用于标识滚动条位置的代码：

如果滚动条在最上方的话，scrollTop=0 ，那么要想使用滚动条在最下方，可以 scrollTop=100000这样就可以使滚动条在最下方

主要代码的实现为：

js="var q=document.documentElement.scrollTop=10000"driver.execute_script(js)

版本2：控制滚动条到指定位置

控制滚动条到制定的元素：

制定的元素的Class为”_52jv“，控制滚动条到该位置。

主要代码如下：

js = 'document.getElementsByClassName("_52jv")[0].scrollIntoView({block: "end", behavior: "smooth"})'browser.execute_script(js)

getElementsByClassName()获取当前网页中所有的class的名为"_52jv"的元素对象的列表。该函数可以更换为其他定位元素的函数。

scrollIntoView()滑动滚动条到该位置。

{block: "end", behavior: "smooth"}滑动到该元素的低端，并且缓慢滑动

这样就可以了。完成。

js拖拽元素到另一个元素_js控制浏览器滚动条到制定元素相关推荐

js 拖拽元素鼠标速度过快问题
自己写一个小工具,使用js拖拽元素时,鼠标速度过快时元素跟不上鼠标看网上有人说把mousemove事件绑定到dom上试了不管用偶然发现拖拽文字丝毫无卡顿不知道是不是元素比较复杂的缘故? s ...
js 拖拽元素鼠标速度过快元素跟不上
自己写一个拖拽元素,使用js拖拽元素时,鼠标速度过快时元素跟不上鼠标参考了网上的文章 ,里面对比了绑定到 body和document上的不同点js 拖拽元素鼠标速度过快问题明白过来是因为速度过 ...
js拖拽之二：实现拖动元素上下左右改变元素大小
具体原理参考 js拖拽一 <script> var oDiv = document.getElementById("div1"); oDiv.onmousedown = ...
sortable 拖拽时互换目标的位置_双端通用型JS拖拽插件的封装与应用
最近工作中遇到一个需求,需要将一个元素从某位置拖动到另一固定位置后执行某一交互行为,具体效果如下: 这个看似简单的需求,然而实现起来却并不那么顺利.我首先想到的是如何通过哪个现有的插件来快速解决这个问 ...
html列表拖拽排序插件,JS拖拽排序插件Sortable.js用法实例分析
本文实例讲述了JS拖拽排序插件Sortable.js用法.分享给大家供大家参考,具体如下: 最近由于项目功能设计的原因,需要对table中的行实现拖拽排序功能,找来找去发现Sortable.js能很好 ...
React.js实现原生js拖拽效果及思考
一.起因&思路不知不觉,已经好几天没写博客了...近来除了研究React,还做了公司官网... 一直想写一个原生js拖拽效果,又加上近来学react学得比较嗨.所以就用react来实现这个拖 ...
js拖拽库——Sortable.js
Sortable.js是一款优秀的js拖拽库,支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中.不依赖jQuery.支持 Meteor.AngularJS.React.Vue.K ...
js 拖拽生成html,js拖拽插件 js 拖拽控件生成自定义表单怎么实现
想请教一个js的问题,拖拽控件 js 拖拽控件生成自定义表单怎么实现说说步骤吧监听mousedown事件 - 获取鼠标点击元素,判断是否可拖拽 - 设置flag做标记 - 建一个tempDOM, ...
php拖拽原理,JS拖拽效果及原理解析
这篇文章主要介绍了如何实现js拖拽效果及原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下元素拖拽分成3个步骤:按下鼠标,移动鼠标,松开鼠标. ...

js拖拽元素到另一个元素_js控制浏览器滚动条到制定元素

js拖拽元素到另一个元素_js控制浏览器滚动条到制定元素相关推荐

最新文章

热门文章