产品文档 前端技术 后端技术 编程语言 数据库 人工智能 大数据云计算 运维技术

iframe滚动条,iframe滚动条美化

首页>>技术文档>>产品文档

应用场景是iframe页面没有滚动条iframe滚动条,在父窗体中出现滚动条iframe滚动条,锚点标记就会失效,因为,锚点是根据当前窗口滚动条滚动窗口的,成为子窗体后没有了滚动条,自然不会滚动解决办法是用js判断页面是否被嵌套,用js计算iframe在父窗体位置,锚点在firame中的位置,两者相加成为父窗体的滚动遇到问题获取父。

看一下你设置的iframe的高度和宽度,不要超过这个高度宽度,就不会有垂直或者是水平的滚动条了我习惯用火狐调,仔细调下试试或者把子页面里的元素都写到iframe里试一下。

iframe滚动条,iframe滚动条美化

例如你在一个页面ahtml中,准备在某宽400高400的表格内嵌入一个页面bhtml,如果要控制滚动条的显示,就把bhtml页面的总宽设置不要超过380差不多是这样,因为有个垂直滚动条的宽,这样的话,不管ltiframe的滚动条参数设置成显示或不显示,都不会存在水平滚动条lt。

iframe滚动条,iframe滚动条美化

给width和height值就行了ltiframe src=地址 width=100px height=200pxltiframe 这样如果有滚动条,则如果宽度超过100px就有左右滚动条,如果高度超过200px就有上下滚动条我。

处理方案方案一给iframe标签增加css属性,display block方案二在chrome浏览器下打开iframe内部的页面,通过查看调试者工具可以看到iframe内部的结构 从图中可以看到html的位置有添加一个overflowscroll的属性,这个属性会自动为页面添加一个滚动条因此,去掉该属性之后,问题就得到解决了。

上一篇: 没有了

下一篇: 烂木头卖出168万,烂木头卖出168万块钱