переполнение: скрытое; не работает на Chrome с IFRAME? - PullRequest
40 голосов
/ 13 сентября 2011

У меня есть РАМКА с переполнениями, скрытыми в CSS и HTML.Он работает в Firefox, но не в Chrome / Safari

Почему это так?

Ответы [ 6 ]

72 голосов
/ 13 сентября 2011

Правильно, как насчет:

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

как в scrolling="no"

http://jsfiddle.net/neSBS/

12 голосов
/ 11 января 2013

После довольно большого исследования, которое я провел по этой теме, я хотел бы опубликовать свой ответ, который, как я полагаю, мог бы быть дополнением к ответу Джуны:

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

Я думаю, оба scrolling и overflow:hidden должны быть предоставлены, хотя это решение не будет работать в сочетании с Chrome и HTML5 doctype.Атрибут scrolling устарел в HTML5, а свойство overflow не влияет на фреймы в Chrome.Я предполагаю, что последний является ошибкой, так как спецификация HTML5 ясно говорит:

Кроме того, HTML5 не имеет ни одного из атрибутов представления , которые были вHTML4 как их функции лучше обрабатываются CSS:
(...)
- атрибут nowrap для td и th.
- атрибут правил для таблицы.
- атрибут прокрутки в iframe .
- атрибут размера в час.
- атрибут типа в li и ul.
(...)

Это ясно сказано- в HTML5 scrolling следует заменить на CSS overflow.

2 голосов
/ 25 апреля 2018

Странно, но - преобразование: повернуть (0,00001 градусов);для div с переполнением: скрыто;помогает мне.

1 голос
/ 25 августа 2015
<style>
    iframe::-webkit-scrollbar {  
    display: none;
}  
</style>

Как указано в - Safari / Chrome (Webkit) - невозможно скрыть вертикальную полосу прокрутки iframe

0 голосов
/ 22 октября 2014

Просто width: 99.99%; сделал трюк для меня.

У меня была эта проблема в Chrome, но не в Firefox.

0 голосов
/ 13 сентября 2011

Используйте overflow-y: скрыто; , тогда вертикальная прокрутка будет скрыта.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...