Мені потрібно приховати горизонтальну панель пропуску на iframe за допомогою css, jquery або js.
Мені потрібно приховати горизонтальну панель пропуску на iframe за допомогою css, jquery або js.
Відповіді:
Я б запропонував зробити це за допомогою комбінації
overflow-y: hidden;
scrolling="no"
(для HTML4)seamless="seamless"
(для HTML5)* seamless
Атрибут видалено зі стандарту, і жоден браузер його не підтримує.
.foo {
width: 200px;
height: 200px;
overflow-y: hidden;
}
<iframe src="https://bing.com"
class="foo"
scrolling="no" >
</iframe>
scrolling="no"
атрибута до iframe видає видалення смуг прокрутки в Chrome.
scrolling="no"
встановити scrolling="no"
атрибут у вашому iframe.
Якщо вам дозволено змінювати код документа всередині вашого, iframe
а цей вміст видно лише з його батьківського вікна, просто додайте у свій наступний CSS iframe
:
body {
overflow:hidden;
}
Ось дуже простий приклад:
Це рішення дозволяє:
Тримайте HTML5 дійсним, оскільки йому не потрібен scrolling="no"
атрибут на iframe
(цей атрибут у HTML5 застарілий).
Працює на більшості браузерів, що використовують перелив CSS : приховано
Не потрібно JS або jQuery.
Примітки:
Щоб заборонити смуги прокрутки горизонтально, використовуйте цей CSS:
overflow-x: hidden;
Ця відповідь застосовується лише для веб-сайтів, які використовують Bootstrap. Функція чуйного вбудовування Bootstrap піклується про смуги прокрутки.
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="http://www.youtube.com/embed/WsFWhL4Y84Y"></iframe>
</div>
jsfiddle: http://jsfiddle.net/00qggsjj/2/