前言

前面有篇专门用js解决了浏览器滚动条的问题,生活总是多姿多彩,有的滚动条就在页面上,这时候又得仰仗js大哥来解决啦。

一、内嵌滚动条

1.下面这张图就是内嵌div带有滚动条的样子,记住它的长相。

2.页面源码如下:(老规矩:copy下来,用文本保存下来,后缀改成.html,用浏览器打开)

<!DOCTYPE html>
<meta charset="UTF-8"> <!-- for HTML5 -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
<head>
<style type="text/css">

div.scroll
{

width:500px;
height:100px;
overflow:auto;
}

</style>
</head>

<body>
<p>标题党</p>
<p>这是一个内嵌的div滚动条</p>
<div id="wang" name="wang_1" class="scroll">这是一个内嵌div:民国年间,九大家族镇守长沙,被称为“九门提督”。这九门势力庞大,外八行的无人不知,无人不晓,几乎所有冥器,流出长沙必然经过其中一家。
1933年秋,一辆神秘鬼车缓缓驶入长沙火车站,九门之首“张大佛爷”张启山身为布防官,奉命调查始末。张启山与八爷齐铁嘴一路探访,发现长沙城外有一座疑点重重的矿山,一直被日本人窥伺。
为破解矿山之谜,张启山求助同为九门上三门的戏曲名伶二月红,无奈二月红虽出身考古世家,却心系重病的妻子丫头,早已金盆洗手。张启山为了国家大义和手足之情,北上去往新月饭店为二月红爱妻求药。在北平,张启山邂逅了新月饭店的大小姐尹新月,并为尹新月连点三盏天灯,散尽家财。尹新月帮助张启山等人顺利返回长沙,二人暗生情愫。二月红爱妻病入膏肓,服药后不见好转,最终故去。
二月红悲伤之余却意外发现家族祖辈与矿山亦有重大关联,于是振作精神,决定与张启山联手,解开矿山之谜zhegedancihenchanghenchangchangchangchangchanchanchanchangchangchangchancg</div>

</body>
</html>

二、纵向滚动

1.这个是div的属性:<div id="wang" name="wang_1" class="scroll">

2.这里最简单的通过id来定位,通过控制 scrollTop的值来控制滚动条高度

3.运行下面代码,观察页面是不是先滚动到底部,过五秒再回到顶部。(get里面地址是浏览器打开该页面的地址)

三、横向滚动

1.先通过id来定位,通过控制scrollLeft的值来控制滚动条高度

  js3 = "document.getElementById('wang').scrollLeft = 1000"

  driver.excute_script(js3)

四、用class属性定位

1.js用class属性定位,返回的是一个list对象,这里取第一个就可以了。

2.这里要注意了,element和elements有很多小伙伴傻傻分不清楚。

有时候很多元素属性都一样时候,就可以用复数定位,取对应的第几个就可以了

最新文章

  1. web前端代码编写体验
  2. Stack Overflow is a question and answer site
  3. 轻松自动化---selenium-webdriver(python) (十)
  4. BIG biang教你误删oracle 怎么办,
  5. Xcode7 项目转 Xcode6 时 出现问题
  6. redis的相关知识
  7. Java核心_内省
  8. 关于Eclipse生成和导入Patch文件.
  9. Spark小课堂Week5 Scala初探
  10. [置顶] SpecDD系列:“完成” 的定义
  11. 说说 input 输入框的事件
  12. [js高手之路]深入浅出webpack教程系列1-安装与基本打包用法和命令参数
  13. 2-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案数据篇(数据库简单说明)
  14. Python学习【第2篇】:Python数据结构
  15. 05. Matplotlib 1 |图表基本元素| 样式参数| 刻度 注释| 子图
  16. git 在本地拉取远程分支的代码(并不做提交操作)
  17. NOIP2018 模拟赛(二十二)雅礼NOI
  18. Java抓任意网页标题乱码jsoup解决方案一例
  19. 【AGC014E】Blue and Red Tree
  20. centos7忘记登录密码修改

热门文章

  1. Hibernate Restrictions的运算符
  2. Luogu P1273 有线电视网 树形DP
  3. an concreate example
  4. [转] 一个简单的零配置命令行HTTP服务器 - http-server (nodeJs)
  5. android apk重新[签名]
  6. PIE SDK 坐标系创建、定义、对比
  7. MySQL 小抄
  8. python-几种快速了解函数及模块功能的方式
  9. apache CXF quickstart
  10. 为什么一段时间后网站后台自动退出 php中session过期时间设置