Как заставить iFrame не иметь прокручивающую панель

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

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

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

Спасибо!

Ответ 1

Вот так:

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

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

Ответ 2

iframe { overflow: hidden; }

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

Ответ 3

Свойство 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"

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

Ответ 4

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

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

Ответ 5

Хотя

overflow:hidden;

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