HTML-код для iframe - отключить прокрутки

У меня есть следующий iframe на моем сайте:

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe>

и он имеет полосы прокрутки.
Как от них избавиться?

10 60
html css iframe

10 ответов:

к сожалению, я не верю, что это возможно в полностью соответствующем HTML5 только с HTML и CSS свойствами. К счастью, однако, большинство браузеров по-прежнему поддерживают scrolling свойство (которое было удалено из спецификация HTML5).

overflow это не решение для HTML5 как единственный современный браузер, который неправильно поддерживает это Firefox.

текущим решением было бы объединить два:

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

iframe { overflow:hidden; }

но это может быть устаревшим по мере обновления браузеров. Вы можете проверить это для решения JavaScript:http://www.christersvensson.com/html-tool/iframe.htm

Edit: Я проверил и scrolling="no" будет работать в IE10, Chrome 25 и Opera 12.12.

130

Я решил ту же проблему с этим css:

    pointer-events:none;
11

он, кажется, работает с помощью 

html, body { overflow: hidden; }

внутри IFrame

изменить: Конечно, это работает только в том случае, если у вас есть доступ к содержимому Iframe (который у меня есть в моем случае)

6

установите все содержимое в:

#yourContent{
 width:100%;
height:100%;  // in you csss
}

дело в том, что прокрутка iframe задается содержимым, а не самим iframe.

установите содержимое на 100% в интерьере с помощью CSS и желаемого для iframe в HTML

2

добавить этот стиль..для вашего тега iframe.. 

overflow-x:hidden;
overflow-y:hidden;
0

ниже html5 версии

iframe {
    overflow:hidden;
}

в html5

<iframe seamless="seamless"  ....>


iframe[seamless]{

   overflow: hidden;
}

но не поддерживается правильно, но

0

С "переполнения: скрытый;" свойство не работает должным образом на самом iFrame, но, кажется, дает результаты при применении к телу страницы внутри iFrame, я попробовал это:

iframe body { overflow:hidden; }

что удивительно сделал работа с Firefox, удаление этих раздражающих полос прокрутки.

в Safari, однако, странная прозрачная линия шириной 2 пикселя появилась на правой стороне iframe, между его содержимым и его граница. Странный.

0

Я попытался прокрутить= " нет " в моем текущем браузере (версия Google Chrome 60.0.3112.113 (официальная сборка) (64-бит)), и это не сработало. Однако scroll= " no " действительно работал. Может быть стоит попробовать

<iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scroll="no" style="overflow: hidden"></iframe>
0

для этого фрейма: 

    <iframe src="" name="" id=""></iframe>

я попробовал это на моем css-коде:

    iframe#put the value of id here::-webkit-scrollbar {
         display: none;
    }
-1

вы можете использовать следующий код CSS:

margin-top: -145px; 
margin-left: -80px;
margin-bottom: -650px;

для того, чтобы ограничить вид iframe.

-4