1. 程式人生 > >Easyui 去除jquery-easui tab頁div自帶滾動條

Easyui 去除jquery-easui tab頁div自帶滾動條

滾動 需要 bsp http alt right 需求 mage css

去除jquery-easui tabdiv自帶滾動條

by:授客 QQ1033553122

測試環境

jquery-easyui-1.5.3

需求場景

打開tab頁面時,自動載入一個iframe頁面,除了iframe頁面本身會出現一個滾動條,tab標簽頁也出現一個滾動條,如下圖所示,需求就是去掉tab頁面的滾動條

技術分享圖片

解決方法

通過觀察html頁面結構,發現這個滾動條歸屬class為pannel-body的div

技術分享圖片

所以,解決方案,只需要添加樣式即可。如下,帶背景色內容:

<head>

……

<style type="text/css">

/*去掉easyui tabs右側滾動條*/

#tabs .tabs-panels>.panel>.panel-body {

overflow: hidden;

}

</style>

</head>

Easyui 去除jquery-easui tab頁div自帶滾動條