溢出:隐藏;在带有IFRAME的Chrome上不起作用?

mwecs4sa  于 2023-09-28  发布在  Go
关注(0)|答案(6)|浏览(97)

我有一个IFRAME与溢出隐藏在CSS和HTML。它在Firefox中工作,但不是Chrome/Safari
为什么会这样呢?

cu6pst1q

cu6pst1q1#

好吧,不如这样:

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

scrolling="no"
http://jsfiddle.net/neSBS/

wr98u20j

wr98u20j2#

在我对这个问题做了大量的研究之后,我想发布我的答案,我建议,可以作为Joonas答案的补充:

<style>
    iframe {
        overflow:hidden;
    }
</style>
(...)
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

我认为应该提供scrollingoverflow:hidden,尽管这种解决方案在Chrome和HTML5 doctype的组合中无法工作。scrolling属性在HTML5中已被弃用,overflow属性不会影响Chrome中的iframe。我认为,后者是一个bug,因为HTML5规范明确指出:
此外,HTML5没有HTML4中的表示属性,因为它们的功能更好地由CSS处理:
(...)

  • td和th上的nowrap属性。
  • 表上的规则属性。
    -iframe上的滚动属性
  • hr上的size属性。
  • li和ul上的type属性。
    (...)
    在HTML5中,scrolling应该被CSS overflow取代。
xzabzqsa

xzabzqsa3#

<style>
    iframe::-webkit-scrollbar {  
    display: none;
}  
</style>

如-Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar上所示

0ejtzxu1

0ejtzxu14#

奇怪但-转换:return(0.00001deg); for div with overflow:隐藏;帮助我。

ztigrdn8

ztigrdn85#

width: 99.99%;为我做了这个把戏。
我在Chrome中遇到了这个问题,但在Firefox中没有。

6tr1vspr

6tr1vspr6#

使用**overflow-y:隐藏;**则垂直滚动条将被隐藏。

相关问题