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的时候,滚动条也不会置顶
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章