Я работаю над созданием виджета, подобного этому:
http://www.comehike.com/outdoors/widget.php?hike_id=176&height=400&width=700
И по какой-то причине я не могу заставить прокручивающийся бар уйти. Кто-нибудь знает, как это сделать?
Спасибо!
Я работаю над созданием виджета, подобного этому:
http://www.comehike.com/outdoors/widget.php?hike_id=176&height=400&width=700
И по какой-то причине я не могу заставить прокручивающийся бар уйти. Кто-нибудь знает, как это сделать?
Спасибо!
Вот так:
<iframe ... scrolling="no"></iframe>
Изменить: Также frameborder="0"
удобно скрывать границу.
iframe { overflow: hidden; }
должен это сделать. Однако вы действительно хотите это сделать? Любой контент, который не может быть сразу доступен для просмотра, будет недоступен (без перескакивания через обручи, чтобы прокрутить его с клавиатуры).
Свойство 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"
Прочитайте на них, чтобы понять, что они делают, но они являются общими для виджетов, как то, что вы описываете в своем вопросе. Вместе они должны создать красивый виджет.
Просто добавьте атрибут scrolling="no"
к вашему iframe.
Примечание. Это не будет работать в HTML5.
Хотя
overflow:hidden;
может работать с Firefox, он не работает с IE или Chrome. Если вы НЕ используете HTML5, вы можете использовать scrollable=no
.