14-js處理內嵌div滾動條 · Python / Linux / Mysql / 軟件測試等等

[TOC] 前言 ??? 前面有篇專門用js解決了瀏覽器滾動條的問題，生活總是多姿多彩，有的滾動條就在頁面上，這時候又得仰仗js大哥來解決啦。 ## 一、內嵌滾動條 1. 下面這張圖就是內嵌div帶有滾動條的樣子，記住它的長相。 ![Snipaste_2020-08-17_17-39-17.png](https://i.loli.net/2020/08/17/CN9xP6sBRopylqt.png) 2. 頁面源碼如下： ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div.scroll{ background-color:orange; width:500px; height:100px; overflow:auto; } </style> </head> <body> <p>微信公眾號</p> <p>這是一個內嵌的div滾動條</p> <div id="yoyotang" name="yoyo" class="scroll">這是一個內嵌div:民國年間，九大家族鎮守長沙，被稱為“九門提督”。這九門勢力龐大，外八行的無人不知，無人不曉，幾乎所有冥器，流出長沙必然經過其中一家。 1933年秋，一輛神秘鬼車緩緩駛入長沙火車站，九門之首“張大佛爺”張啟山身為布防官，奉命調查始末。張啟山與八爺齊鐵嘴一路探訪，發現長沙城外有一座疑點重重的礦山，一直被日本人窺伺。為破解礦山之謎，張啟山求助同為九門上三門的戲曲名伶二月紅，無奈二月紅雖出身考古世家，卻心系重病的妻子丫頭，早已金盆洗手。張啟山為了國家大義和手足之情，北上去往新月飯店為二月紅愛妻求藥。在北平，張啟山邂逅了新月飯店的大小姐尹新月，并為尹新月連點三盞天燈，散盡家財。尹新月幫助張啟山等人順利返回長沙，二人暗生情愫。二月紅愛妻病入膏肓，服藥后不見好轉，最終故去。二月紅悲傷之余卻意外發現家族祖輩與礦山亦有重大關聯，于是振作精神，決定與張啟山聯手，解開礦山之謎zhegedancihenchanghenchangchangchangchangchanchanchanchangchangchangchancg</div> </body> </html> ``` <br /> ## 二、縱向滾動 1. 這個是div的屬性： 2. 這里最簡單的通過id來定位，通過控制 scrollTop的值來控制滾動條高度 3. 運行下面代碼，觀察頁面是不是先滾動到底部，過五秒再回到頂部。（get里面地址是瀏覽器打開該頁面的地址） ``` # coding:utf-8 from selenium import webdriver import time driver = webdriver.Chrome() driver.get("G:/py/selenium/test/selenium_day03/js_div.html") # 縱向底部 js1 = 'document.getElementById("yoyotang").scrollTop=10000' driver.execute_script(js1) time.sleep(5) # 縱向頂部 js1 = 'document.getElementById("yoyotang").scrollTop=0' driver.execute_script(js1) ``` <br /> ## 三、橫向滾動 1 .先通過id來定位，通過控制scrollLeft的值來控制滾動條高度 ``` # coding:utf-8 from selenium import webdriver import time driver = webdriver.Chrome() driver.get("G:/py/selenium/test/selenium_day03/js_div.html") # 橫向右側 js2 = 'document.getElementById("yoyotang").scrollLeft=10000' driver.execute_script(js2) time.sleep(5) # 橫向左側 js2 = 'document.getElementById("yoyotang").scrollLeft=0' driver.execute_script(js2) ``` <br /> ## 四、用class屬性定位 1. js用class屬性定位，返回的是一個list對象，這里取第一個就可以了。 2. 這里要注意了，element和elements有很多小伙伴傻傻分不清楚。 ``` # coding:utf-8 from selenium import webdriver import time driver = webdriver.Chrome() driver.get("G:/py/selenium/test/selenium_day03/js_div.html") # 獲取的class返回的是list對象，取list的第一個 js3 = 'document.getElementsByClassName("scroll")[0].scrollTop=10000' driver.execute_script(js3) time.sleep(5) # 控制橫向滾動條位置 js4 = 'document.getElementsByClassName("scroll")[0].scrollLeft=10000' driver.execute_script(js4) ``` 有時候很多元素屬性都一樣時候，就可以用復數定位，取對應的第幾個就可以了