Удалить полосу прокрутки из iframe

Question

Удалить полосу прокрутки из iframe

используя этот код

<iframe frameborder="0" style="height: 185px; overflow:scroll; width: 100%" src="http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main" marginheight="1" marginwidth="1" name="cboxmain" id="cboxmain" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>

вот как это выглядит (shoutbox на главной странице http://www.talkjesus.com)

Как удалить горизонтальную полосу прокрутки и изменить css вертикальной полосы прокрутки?

спасибо.

1408 10

html css iframe

10 ответов:

Comments

Ничего не найдено.

takien · Accepted Answer · 2012-04-10 05:01:12

в вашем css:
iframe{
    overflow:hidden;
}

16

2012-04-10 05:01:12

THRIVE · Accepted Answer · 2014-07-16 12:58:36

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

210

2014-07-16 12:58:36

Thyagu · Accepted Answer · 2016-02-24 07:14:51

это работает во всех браузерах. jsfiddle здесь http://jsfiddle.net/zvhysct7/1/
<iframe src="http://buythecity.com"  scrolling="no" style=" width: 550px; height: 500px;  overflow: hidden;" ></iframe>

nirvana74v · Accepted Answer · 2018-06-06 15:19:37

добавлять scroll="no" и style="overflow:hidden" на iframe не работал, мне пришлось добавить style="overflow:hidden" на теле html-документа, загруженного внутри iframe.

KnightFury · Accepted Answer · 2013-09-25 09:40:16

<div id="myInfoDiv" seamless="seamless" scrolling="no" style="width:100%; height: 100%; float: left; color: #FFF; background:#ed8719; line-height:100%; font-size:100%; font-family: sans-serif>;
используйте выше div, и он не будет показывать полосу прокрутки в любом браузере.

Nima Rahbar · Accepted Answer · 2016-06-06 22:03:06

Просто Добавить scrolling="no" и seamless="seamless" атрибуты тега iframe. вот так: -
 1. XHTML => scrolling="no"
 2. HTML5 => seamless="seamless"

Deepika Patel · Accepted Answer · 2014-09-09 09:20:48

добавьте это в свой css, чтобы скрыть обе полосы прокрутки
iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
}

WraithKenny · Accepted Answer · 2017-10-19 00:00:04

если у кого-то здесь возникла проблема с отключением полос прокрутки на iframe, Это может быть потому, что содержимое iframe имеет полосы прокрутки в элементах ниже the html элемент!

некоторые макеты установить html и body до 100% высоты, и использовать #wrapper div с overflow: auto; (или scroll), тем самым перемещая прокрутку в #wrapper элемент.

в таком случае ничто не помешает отображению полос прокрутки, кроме редактирования других содержание страницы.

Abhidev · Accepted Answer · 2013-09-25 09:26:03

добавьте это в свой css, чтобы скрыть только горизонтальную полосу прокрутки
iframe{
    overflow-x:hidden;
}

DotBot · Accepted Answer · 2018-07-10 18:19:25

Это последнее средство, но стоит упомянуть - вы можете использовать ::-webkit-scrollbar псевдо-элемент iframeродитель, чтобы избавиться от этих знаменитых 90-х полос прокрутки.
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}
Edit: но это относительно поддерживаемой,::-webkit-scrollbar может не подходить для всех браузеров. используйте с осторожностью:)