easyui中tab組件每次切換tab頁時tab的iframe頁面滾動條置頂的問題處理

例如 : 

easyui 的tabs有兩個tab頁,每個tab裏面都是iframe頁面,把其中一個iframe的滾動條拖動,切換到另外一個tab頁,再切回來滾動了的tab頁,會發現滾動條已經到了頂部位置,如何處理

思路 : 讓iframe 不出現滾動條(即修改iframe的scrollingshu爲no,<iframe scrolling="no" />。如果爲auto,則會出滾動條) 。但是不出現滾動條,iframe裏面內容被截斷了,無法全部顯示,此時可以這麼做:

  • 方法1 :iframe中的body的內容,以easyui的layout進行包裹,把iframe的內容放在easyui的layout的center位置,此時center是會自動出現滾動條的,因爲滾動條不是iframe,而是layout的,所以切換tab的時候,滾動條不會置頂
  • 方法1 :把iframe的內容放到一個div裏面,div加入樣式<div style='width:100%;height:100%;overflow: auto;' >iframe內容<div>,此時div是有滾動條的,原理和layout的center是一樣的,都是把滾動條放在內部元素上面,而不放在iframe上,此時切換tab的時候,滾動條也不會置頂
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章