Easyui 去除jquery-easui tab頁(yè)div自帶滾動(dòng)條的方法
測(cè)試環(huán)境
jquery-easyui-1.5.3
需求場(chǎng)景
打開tab頁(yè)面時(shí),自動(dòng)載入一個(gè)iframe頁(yè)面,除了iframe頁(yè)面本身會(huì)出現(xiàn)一個(gè)滾動(dòng)條,tab標(biāo)簽頁(yè)也出現(xiàn)一個(gè)滾動(dòng)條,如下圖所示,需求就是去掉tab頁(yè)面的滾動(dòng)條
解決方法
通過觀察html頁(yè)面結(jié)構(gòu),發(fā)現(xiàn)這個(gè)滾動(dòng)條歸屬class為pannel-body的div
所以,解決方案,只需要添加樣式即可。如下,帶背景色內(nèi)容:
<head> …… <style type="text/css"> /*去掉easyui tabs右側(cè)滾動(dòng)條*/ #tabs .tabs-panels>.panel>.panel-body { overflow: hidden; } </style> </head>
總結(jié)
以上所述是小編給大家介紹的Easyui 去除jquery-easui tab頁(yè)div自帶滾動(dòng)條,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
如果你覺得本文對(duì)你有幫助,歡迎轉(zhuǎn)載,煩請(qǐng)注明出處,謝謝!
- jQuery實(shí)現(xiàn)判斷滾動(dòng)條滾動(dòng)到document底部的方法分析
- JavaScript實(shí)現(xiàn)的滾動(dòng)公告特效【基于jQuery】
- JQuery獲取元素尺寸、位置及頁(yè)面滾動(dòng)事件應(yīng)用示例
- jquery簡(jiǎn)單實(shí)現(xiàn)縱向的無(wú)縫滾動(dòng)代碼實(shí)例
- Jquery實(shí)現(xiàn)無(wú)縫向上循環(huán)滾動(dòng)列表的特效
- jQuery實(shí)現(xiàn)當(dāng)拉動(dòng)滾動(dòng)條到底部加載數(shù)據(jù)的方法分析
- jQuery實(shí)現(xiàn)的簡(jiǎn)單歌詞滾動(dòng)功能示例
- 利用jquery和BootStrap實(shí)現(xiàn)動(dòng)態(tài)滾動(dòng)條效果
- jquery彈窗時(shí)禁止body滾動(dòng)條滾動(dòng)的例子
相關(guān)文章
jQuery綁定事件不執(zhí)行但alert后可以正常執(zhí)行
這篇文章主要為大家解決下為什么jQuery綁定事件不執(zhí)行而alert后可以正常執(zhí)行,需要的朋友可以參考下2014-06-06jQuery實(shí)現(xiàn)表頭固定效果的實(shí)例代碼
jQuery實(shí)現(xiàn)表頭固定效果的實(shí)例代碼,需要的朋友可以參考一下2013-05-05Jquery樹插件zTree實(shí)現(xiàn)菜單樹
這篇文章主要為大家詳細(xì)介紹了Jquery樹插件zTree實(shí)現(xiàn)菜單樹,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01jQuery實(shí)現(xiàn)的上拉刷新功能組件示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的上拉刷新功能組件,涉及jQuery事件響應(yīng)與頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2020-05-05jQuery插件HighCharts繪制簡(jiǎn)單2D折線圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡(jiǎn)單2D折線圖效果,結(jié)合完整實(shí)例形式分析了jQuery使用HighCharts插件繪制折線圖的實(shí)現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery通過寫入cookie實(shí)現(xiàn)更換網(wǎng)頁(yè)背景的方法
這篇文章主要介紹了jQuery通過寫入cookie實(shí)現(xiàn)更換網(wǎng)頁(yè)背景的方法,涉及jQuery結(jié)合cookie設(shè)置頁(yè)面元素屬性的相關(guān)操作技巧,需要的朋友可以參考下2016-04-04jQuery實(shí)現(xiàn)仿淘寶帶有指示條的圖片轉(zhuǎn)動(dòng)切換效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)仿淘寶帶有指示條的圖片轉(zhuǎn)動(dòng)切換效果的方法,以完整實(shí)例形式較為詳細(xì)的分析了jQuery圖片特效的使用技巧,需要的朋友可以參考下2015-03-03