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

Question

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

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

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

Спасибо!

Answer 1

Как это:

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

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

Answer 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"

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

Answer 3

iframe { overflow: hidden; }

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

Answer 4

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

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

Answer 5

Хотя

overflow:hidden;

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