Встроенная прокрутка кода не работает на адаптивных устройствах ios - PullRequest
Новая
       7

Встроенная прокрутка кода не работает на адаптивных устройствах ios

0 голосов
/ 03 июля 2018 
-webkit-overflow-scrolling: touch;
overflow-y: scroll;

пробовал с этим кодом, все еще не работает. Это нормально на всех других устройствах, также хорошо в MAC, только проблема на устройствах, реагирующих на ios.

1 Ответ

0 голосов
/ 03 июля 2018

Вам нужно добавить переполнение прокрутки к родительскому div. Проверьте ниже демо 

   .wrap {
      width: 320px;
      height: 500px;
      position: relative;
      right: 0;
      bottom: 0;
      left: 0;
      top: 0;
      -webkit-overflow-scrolling: touch !important;
      overflow-y: auto !important;
      border: 2px solid #ddd;
      margin-bottom: 20px;
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none;
      display: block;
      position: absolute;
    }
<div class="wrap">
    <iframe class="iframe" src="https://theimpossiblecool.tumblr.com/"></iframe>
  </div>
...