Safari / Chrome (Webkit) – Не удается скрыть вертикальную полосу прокрутки iframe

У меня есть iframe на www.example.com, который указывает на support.example.com (который является CNAME для иностранного домена).

Я автоматически изменяю размер моего iframe так, чтобы кадр не нуждался в каких-либо полосах прокрутки для отображения содержащейся веб-страницы.

В Firefox и IE это отлично работает, нет полосы прокрутки, поскольку я использую . Однако в браузерах веб-браузера (Safari и Chrome) вертикальная полоса прокрутки сохраняется даже тогда, когда имеется достаточно места для страницы без полосы прокрутки (полоса прокрутки выделена серым цветом).

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

Я просто столкнулся с этой проблемой и обнаружил, что исправление заключалось в том, чтобы установить overflow: hidden в HTML-теге страницы внутри iframe .

Вы можете скрыть полосы прокрутки и сохранить функциональность прокрутки (с помощью сенсорной панели или колесика прокрутки или коснуться и перетащить на мобильный телефон или планшет, используя:

  

Очевидно, что вы можете изменить iframe на все, что подходит вашему дизайну, и вы можете добавить эквивалентное свойство -mozilla-свойство, чтобы заставить его работать в firefox.

 Note: this is useful if you cannot edit the CSS / HTML of the iFramed content. 

Это немного хак, но я решил эту проблему, обернув в

, установив высоту, ширину и overflow:hidden

overflow:hidden , а затем установив ширину и высоту для фактического переполнения оболочки

.

  

Надеюсь это поможет.

Я предполагаю, что вы пробовали это, но настроили ли вы прокрутку на iframe?

  

Чтобы избавиться от серых полос прокрутки, поставьте «overflow: hidden»; на теге тела страницы, отображаемой в Iframe, например Это отлично работало для меня в Chrome 8.0.552.215, и у меня также был «переполнение: скрыто» в самом Iframe

Помогает ли это? Работает на Chrome, IE, FF …

   
content

Можете ли вы установить свойство CSS overflow-y для IFRAME как visible и hidden ?

проверьте, действительно ли свиток выполняется из iframe, возможно, это из HTML или BODY.

Для прокрутки в iframe

  

В css

 iframe { overflow:hidden; } or iframe { overflow-x:hidden; overflow-y:hidden} 

Я просто решил это на своем блоге с прокруткой = «нет» после тега стиля.

например:

 iframe src="asdf.html" style="overflow: hidden;" scrolling="no" 

Я оставил атрибут стиля там, потому что он более правильный, и он отлично работал на Firefox.

Использование бета-версии Chrome 8.0.552.224 под Ubuntu 10.10 пока еще показывает полосы прокрутки призраков на этом сайте: http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_iframe_scrolling . Я пробовал все трюки, которые работают во всех браузерах, но не в браузере на основе WebKit. Поэтому ошибка, похоже, не исправлена ​​полностью.

 document.body.addEventListener('touchmove', function(e){ e.preventDefault(); }); 

это работает, никто из других, казалось, не работал, включая e.preventDefault() для touchstart.

Попробуй это…

 iframe { overflow:hidden; } 

не используйте прокручивающийся тег at-all на iframe и добавляйте стиль как style = “overflow-x: hidden; overflow-y: auto;” это приведет к удалению горизонтальной прокрутки, и она тоже будет работать наоборот.

-Jai

Установка атрибута прокрутки iframe на «no» должна исправить это, но, похоже, в webkit есть ошибка: https://bugs.webkit.org/show_bug.cgi?id=29240

Работа Тима ( Safari / Chrome (Webkit) – Не удается скрыть вертикальную полосу прокрутки iframe ), похоже, устраняет проблему – если у вас есть возможность редактировать документ, содержащийся в iframe …

Скрыть прокрутку iframe в теге тегов на корпусе Chrome, как это

  
  

1. Когда вы меняете прокрутку iframe да или нет, панель прокрутки iframe не отображается сразу, вы должны обновить iframe.

Переполнение переполнения html в цветке iframe влияет на полосу прокрутки iframe

3. в IE, вы должны очистить src iframe, а затем обновить iframe, это будет работа

4.so, покажите вам код

HTML

   

Javascript

 var ifrm = document.getElementById("main_ifrm"); var btn1 = document.getElementById("btn1"); btn1.onclick = function(){ $(ifrm).prop("scrolling","no"); $(ifrm.contentWindow.document).find("html").css("overflow","hidden") var src = $(ifrm).prop("src"); $(ifrm).prop("src",""); $(ifrm).prop("src",src); } 
  • Какие события DOM доступны для WebKit на Android?
  • CSS «набросает» поведение разных поведений на Webkit & Gecko
  • Проблема с Chrome с фиксированными фиксированными элементами фиксированной и фиксированной позиции
  • Отправлять HTML-письмо в формате PNG
  • вводить CSS на сайт с webview в android
  • Различать Chrome из Safari с помощью jQuery.browser
  • Сглаживание текста Wonky при повороте с помощью webkit-transform в Chrome
  • Google Chrome - мышь не меняется
  • CSS Что такое -moz- и -webkit-?
  • Как стиль ввода диапазона HTML5 имеет различный цвет до и после слайдера?
  • Браузер Webkit в приложении Java
  • Давайте будем гением компьютера.