在做部落格專案的時候，使用了iframe，方便根據選擇的文章類別切換顯示的內容，但是文章一般都有很多，通過bootstrap的**列表的方式顯示的話，iframe是一定會出現滾動條的，特別是我新增了乙個「滾動條觸底之後動態載入更多的文章」的功能。這樣頁面上就會有兩個滾動條，特別奇怪。
在網上學習了一些之後，我把iframe的滾動條隱藏了（不是將iframe的scrolling屬性改為scrolling=「no」），而是通過css將其在視覺上隱藏起來（下面有**），這樣就可以只出現乙個滾動條，但是這樣的話，文章確實一直在動態載入，但是瀏覽器的滾動條卻一直沒有動，感覺也很奇怪~
最後我決定把瀏覽器的滾動條隱藏，iframe的滾動條放出來，並且通過對iframe和承載它的div做了一些css上的調整，讓iframe滾動條「充當」了瀏覽器的滾動條。
對homepage的滾動條隱藏：
/*在視覺上將最外層的滾動條隱藏*/
/*主要是將width置為0px*/
::-webkit-scrollbar
/*下面的css定義可以不寫，如果width不是0px的時候，通過下面的css定義可以自定義其他樣式的滾動條*/
::-webkit-scrollbar-thumb
::-webkit-scrollbar-thumb:vertical:hover
::-webkit-scrollbar-thumb:vertical:active
::-webkit-scrollbar-button
::-webkit-scrollbar-track
class
="container main-page"
>
src=
"/blog/p/recommend"
frameborder
="0"
scrolling
="yes"
height
="100%"
width
="100%"
allowtransparency
="true"
id="external-frame"
name
="frame"
>
iframe
>
div>
將bootstrap的container樣式修改了
瀏覽器滾動條
做 時發現登入成功後瀏覽器滾動條消失無法滾動頁面 通過觀察和除錯，發現是強制隱藏了bootstrap的模態框後，body的overflow變為了hidden，同時也多了乙個17px的右內邊距，無法呼叫出垂直滾動條，解決方案 隱藏模態框的同時設定body的overflow為scroll，同時取消右內邊...
瀏覽器滾動條相關
先去mdn 檢視這兩個概念 scrollheight 以及 clientheight 1，判斷是否存在滾動條 if element.scrollheight element.clientheight 0 2，判斷乙個容器滾動條,沒有在最上面,怎麼判斷 if element.scrolltop 0 3...
python selenium瀏覽器滾動條滑動操作
方法一 頁面滾動條由上往下慢慢滑動 for w in range 23 第乙個引數x是橫向距離，第二個引數y是縱向距離 js window.scrollby 0,90 90表示滾動條下滑的長度 位置 drive.execute script js time.sleep 0.5 方法二 window....