iframe滚动条样式美化

iframe滚动条frame嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。iframe滚动条样式美化,iframe 有一个scrolling属性,它有 auto , yes , no 这三个值。

iframe滚动条样式美化






iframe

.iframe {
width:900px;
height: 600px;
}





iframe滚动条样式美化,iframe 有一个scrolling属性,它有 auto , yes , no 这三个值。

     scrolling : auto -----在需要的时候滚动条出现

      scrolling : yes ------始终显示滚动条

      scrolling : no -------始终隐藏滚动条

       当设置   scrolling : no 时,全部的滚动条就没有了。

iframe常用属性:

 1.frameborder:是否显示边框,1(yes),0(no)

 2.height:框架作为一个普通元素的高度,建议在使用css设置。

 3.width:框架作为一个普通元素的宽度,建议使用css设置。 

4.name:框架的名称,window.frames[name]时专用的属性。 

5.scrolling:框架的是否滚动。yes,no,auto。 

6.src:内框架的地址,可以使页面地址,也可以是图片的地址。 

7.srcdoc , 用来替代原来HTML body里面的内容。但是IE不支持, 不过也没什么卵用 

8.sandbox: 对iframe进行一些列限制,IE10+支持。

版权声明:
作者:Joker 链接:https://456787.xyz/archives/1688
文章版权归作者所有,转载请注明出处。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>