如何隐藏掉iframe 横向滚动条
2009-05-20 22:46
323 查看
因为网站界面需要隐藏掉iframe中的横向滚动条,在网上找了大把,但是由于需要调用的是不同域名的网站,所有都无法真正的实现。当然,通过服务器的proxy-pass来实现的话,再自己编写一个滚动条来建立的话,效果肯定可以实现的。
无奈下,仔细观察网页滚动条的样式,有了一个灵感。
其实网页的滚动条都不是交叉的,即在右下角有一个空缺,当然不是利用这个空缺了,横向的滚动条在纵向的下面,所以可以建立一个div,设置overflow:hidden,再用js控制iframe的高度等于这个div的高度加14;
好了,横向滚动条被遮住了,但是纵向没有消失,只是在没有横向的时候会出现一点的小偏差而已。
来源:我爱代码
无奈下,仔细观察网页滚动条的样式,有了一个灵感。
其实网页的滚动条都不是交叉的,即在右下角有一个空缺,当然不是利用这个空缺了,横向的滚动条在纵向的下面,所以可以建立一个div,设置overflow:hidden,再用js控制iframe的高度等于这个div的高度加14;
好了,横向滚动条被遮住了,但是纵向没有消失,只是在没有横向的时候会出现一点的小偏差而已。
来源:我爱代码
相关文章推荐
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法私人日志
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 在iframe中隐藏横向滚动条。
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 在iframe中隐藏横向滚动条的方法大全
- frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 如何隐藏TreeView,ListView等带有标准滚动条窗体的滚动条
- 隐藏横向滚动条
- delphi如何隐藏webBrowser的滚动条,如何屏蔽右键
- 去掉iframe横向滚动条
- 如何去掉网页的横向滚动条,竖向滚动条
- 如何使用jQuery的class标签器隐藏iframe内加载的div元素,
- 如何控制横向和纵向滚动条的显隐?
- iframe的滚动条问题 ,去掉横向滚动条和纵向滚动条
- [ASP.NET]iframe的滚动条问题:显示/隐藏滚动条