Как сделать так, чтобы в iFrame не было полосы прокрутки

#html #css #iframe

#HTML #css #iframe

Вопрос:

Я работаю над созданием виджета, подобного этому здесь:

http://www.comehike.com/outdoors/widget.php?hike_id=176amp;height=400amp;width=700

И по какой-то причине я не могу убрать полосу прокрутки. Кто-нибудь знает, как это сделать?

Спасибо!

Ответ №1:

Вот так:

 <iframe ... scrolling="no"></iframe>

Редактировать: Также frameborder="0" удобно скрывать границу.

Ответ №2:

Свойство CSS, которое касается того, что размер документа превышает область просмотра, является overflow .

Это обычно используется для создания прокручиваемых div файлов, как показано в этом примере.

Значение, которое вы ищете, это: hidden которое будет обрезать область за пределами видимого диапазона. Что-то вроде:

 <iframe style="overflow:hidden;" src="URL" />

Виджет должен выглядеть красиво

Итак, для свойств CSS вы можете захотеть:

 overflow:hidden;
border:none;
width:100px;
height:25px;"

И для свойств iframe вы, вероятно, хотите:

 scrolling="no"
frameborder="0"
allowTransparency="true"

Прочитайте об этом, чтобы понять, что они делают, но они являются общими для виджетов, подобных тому, что вы описали в своем вопросе. Вместе они должны создать красивый виджет.

Ответ №3:

 iframe { overflow: hidden; }

должен это сделать. Однако, действительно ли вы хотите это сделать? Любой контент, который не доступен для немедленного просмотра, тогда будет недоступен (без того, чтобы пользователь не перепрыгивал через обручи, чтобы прокрутить его с помощью клавиатуры).

Ответ №4:

Просто добавьте scrolling="no" атрибут в свой iframe.

Примечание: это не будет работать в HTML5.

Ответ №5:

Хотя

overflow:hidden;

может работать с Firefox, но не работает с IE или Chrome. Если вы НЕ используете HTML5, то вы можете использовать scrollable=no .