CSS + FireFox: скрытие полосы прокрутки в iframe с прокруткой = да

У меня есть iframe с прокруткой = да. Можно ли полностью скрыть полосу прокрутки с помощью CSS для браузера Mozilla FireFox?

Например, в Internet Explorer я использую это: Overflow-x: hidden; Переполнение-у: скрыто; - и он скрывает полосы прокрутки, но FireFox игнорирует этот CSS.

Вот скриншот из IE:

http://moismski.com/ie.png

Вот скриншот из FireFox:

http://moismski.com/firefox.png

Я забыл упомянуть, что я поставил CSS, чтобы сказать точно так же, как этот <style>body { overflow:hidden; }</style> внутри iframe. Я не могу поместить класс в сам iframe, например <iframe class="...">

Iframe помещается внутрь файла <DIV>...</DIV>. Я использую его как модальное окно.


hide css scrollbar firefox
person ilnur777    schedule 20.05.2010    source источник
comment
Вы пробовали только overflow:hidden?   -  person Kerry Jones    schedule 21.05.2010
comment
Да, в любом случае он отображает полосы прокрутки!   -  person ilnur777    schedule 21.05.2010
comment
Просто используйте CSS: .frame {overflow:hidden;width:100%;height:100%} Я попробовал сейчас. Если вы видите прокрутку, может быть, это не фрейм, а какой-то родительский элемент?   -  person chapluck    schedule 21.05.2010
comment
Используйте следующий селектор, если вы можете изменить div: #divId iframe{overflow:hidden;width:100%;height:100%}   -  person chapluck    schedule 21.05.2010

Ответы (2)


arrow_upward
5
arrow_downward

Вы пытались установить явные значения ширины/высоты для iframe или родительского контейнера? Кроме того, ваш iFrame содержит что-нибудь?

РЕДАКТИРОВАТЬ: Попробуйте:

div {overflow:hidden;}
div iframe {border:0;overflow:hidden;}

на вашей фактической странице, содержащей div.

person edl    schedule 20.05.2010
comment
Да, у меня ширина = 100% высота = 100% в настройках iframe! У меня есть регистрационная форма в iframe. - person ilnur777; 21.05.2010
comment
Ах. Хорошо, границы добавляются к размерам, поэтому ваш iframe на самом деле становится больше, чем окно просмотра. Попробуйте границу: 0; Если вам действительно не нужно видеть iframe? - person edl; 21.05.2010
comment
Я думаю, вы не можете редактировать свои комментарии, или я слишком слаб, чтобы сделать это? Суть в том, что когда у вас есть что-то, что на 100% состоит из контейнера, и что-то добавляет дополнительные границы, отступы или поля, оно будет генерировать полосу прокрутки. Вы можете попробовать опубликовать весь свой код вместе со всеми правилами css, которые вы используете. В противном случае я могу только догадываться. :) - person edl; 21.05.2010

arrow_upward
2
arrow_downward

Я пробовал все, что вы сказали, и просматривал эти две ссылки ( Как чтобы удалить полосы прокрутки из приложения Facebook iFrame - высота холста facebook не задана в ie8 и firefox), в которых обсуждается та же проблема, но у меня это не сработало.

Что сработало для меня, так это изменение настроек холста в разделе дополнительных настроек холста приложения ( https://developers.facebook.com/apps ) на фиксированную ширину холста (760 пикселей) и высоту (фиксированное значение 800).

Я надеюсь, что это поможет вам.

person Pedro Paulo Mendes Pereira    schedule 30.01.2012