iframe滚动条(iframe去掉滚动条)
一、iframe高度自适应怎么解决
解决iframe高度自适应
原因
iframe的高度不会随着页面高度的变化而变化,可能会导致页面显示不全,或者页面下方有空白的问题。
第一种方法
这个方式更适用于嵌套的页面,当嵌套多个iframe时,比如左侧有个侧边栏,右侧是个大的iframe,这个大的iframe又嵌套了一层:中间是iframe,但是右侧又有个侧边栏,这时候不想让iframe单独滑动(避免页面出现两个滚动条),而是想整个页面一起滑动时,用这个方法。
html代码:注意一定要写height=‘100%’scrolling=‘no’width='100%'
否则iframe会自己滑动
第二种方法
这个方法更简单些,适用于左侧有个侧边栏,右侧是iframe,并且iframe可以自己滑动,只在页面高度变化时重新赋值即可。
二、iframe去掉滚动条
frameborder="0"是边框scrolling="no"这是滚动条
三、用js如何在父页面控制iframe子页面中滚动条的位置
window.frames[index].frameElement.contentWindow这个是对应的iframe的windowwindow.frames[index].frameElement.contentWindow.scrollTo(x,y)调用对应的iframe的滚动条.scrollBy(x,y).scroll(x,y)调用滚动条的其他方法本人只测试到ie9,9以下自行测试