测试必须在时间、质量和成本之间获取一个平衡点,这是测试策略和测试设计的价值体现。

2.24 js处理内嵌div滚动条

上一篇 / 下一篇  2018-06-12 10:55:02 / 个人分类:Python+Selenium2 WebDriver API

2.24 js处理内嵌div滚动条

51Testing软件测试网CC;@#`pkor4n

前言51Testing软件测试网a"J+m~7K:?.W6u
    前面有篇专门用js解决了浏览器滚动条的问题,生活总是多姿多彩,有的滚动条就在页面上,这时候又得仰仗js大哥来解决啦。
z!bgH/`!M9hy0一、内嵌滚动条
_S+a^] O*K0    1.下面这张图就是内嵌div带有滚动条的样子,记住它的长相。

Y k6m| wgVf+g051Testing软件测试网O+S YZ T@[

51Testing软件测试网9Q3Wuw-A*W?_

51Testing软件测试网p ]'EA K4yM"Hr5G

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

9L*gF3~SO*T6Rq0
复制代码
<!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
      {        background-color:#afafaf;        width:500px;        height:100px;        overflow:auto;      }    </style>  </head>51Testing软件测试网2E:a
NwK

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

二、纵向滚动

l*D7vDALy0H0

/eN9H v2~"]0    1.这个是div的属性:<div id="yoyoketang" name="yoyo" class="scroll">51Testing软件测试网jU|-|)HN2VO[R

dz K&G1|p ku La0    2.这里最简单的通过id来定位,通过控制 scrollTop的值来控制滚动条高度

h.E1n#G:C-`m]0

K B@!q A L'w+^+M;@0    3.运行下面代码,观察页面是不是先滚动到底部,过五秒再回到顶部。(get里面地址是浏览器打开该页面的地址)

zd[Z;RC @0

4C7V)w H:A0

*Zf&XPSz051Testing软件测试网0AZ7s/H0Nf(Z7qB]m4v

 

bap}0N'VW051Testing软件测试网'LWC~ d}Ln$}

三、横向滚动51Testing软件测试网%^ i(k$v? m9`

51Testing软件测试网x!nZU"J1E

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

Hv2l2FHR%M051Testing软件测试网BhVJq2J r

51Testing软件测试网)R^Jy;^"vb

Pz,TM@T&?0四、用class属性定位51Testing软件测试网JFL E#l%P?
    1.js用class属性定位,返回的是一个list对象,这里取第一个就可以了。
g(XK6`VbG4|0    2.这里要注意了,element和elements有很多小伙伴傻傻分不清楚。

9d/q{ gx yv.d0

eYM:Qti0J051Testing软件测试网peTo-CQ

51Testing软件测试网0qK#O-j`y&f

有时候很多元素属性都一样时候,就可以用复数定位,取对应的第几个就可以了。51Testing软件测试网8d]:XTex'`.Y


TAG:

 

评分:0

我来说两句

Open Toolbar