例如 :
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的时候,滚动条也不会置顶