網頁希望改成水平scrollbar一直都顯示出來

html5 css extjs

kagaya 2023-02-01 17:41:21 ‧ 8249 瀏覽

分享至

請問一下最近在修改某個網頁發現如上圖的結構
外層的scrollbar是iframe的
內層的scrollbar是div的它的內容是Extjs的tree
但是必需把內層的垂直scrollbar拉到最下面
才會顯示出內層的水平scrollbar
這樣使用上就不太方便希望改成水平scrollbar一直都顯示出來
試過overflow:scroll跟overlay都不行
不知有沒有什麼好方法？謝謝

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

4 個回答

緯大啊緯大人

iT邦研究生 1 級 ‧ 2023-02-01 17:59:03

z-index有用嗎?

回應 1
分享
檢舉

kagaya iT邦新手 3 級 ‧ 2023-02-02 10:26:39 檢舉

試了在內層div加上z-index但是不行
如果要在extjs的scrollbar上面加z-index
就得研究一下它是寫在哪了

登入發表回應

犬千賀

iT邦新手 3 級 ‧ 2023-02-02 11:11:57

把Body設高度跟iframe一樣應該就可以了

回應 2
分享
檢舉

kagaya iT邦新手 3 級 ‧ 2023-02-02 13:13:02 檢舉

嗯不太了解你的意思目前內層的div就是height:100%

犬千賀 iT邦新手 3 級 ‧ 2023-02-03 13:24:05 檢舉

因為現在你內層Body已經超出iframe，內層的div設height:100%，還是會超出啊。
Scrollbar會出現是因為內容超出可見範圍，也就是說必須讓內層的內容<=外層iframe的顯示範圍，才不會出現Scrollbar。所以你只要把Body或DIV改的跟iframe一樣高，就能達到你的要求。但這種情況我都建議改Body高，當然改DIV也是可以的。

登入發表回應