iscrollview и jquery mobile всплывающие окна нижний контент скрыт

Question

Я использую iscrollview в приложении jqm. У меня есть различные всплывающие окна, которые используют нативный всплывающий виджет jqm. С iOS7 (была такая же проблема с 6.0) на iPhone 4 правильная прокрутка активируется только при изменении ориентации?? Когда приложение впервые загружается в портретной ориентации, нижняя часть содержимого не прокручивается в поле зрения, а при изменении ориентации всплывающее окно меняет размер и положение, как и должно быть, и весь контент можно прокручивать. Вернитесь в портретный режим - содержимое всплывающего окна теперь правильно прокручивается?

<div data-role="popup" id="popupBasic">
<div class="header" data-role="header">
            <h1>Stuff</h1></div>
   <div class="content" data-role="content" data-iscroll>
   <h3>Heading here</h3>
      <p>Lots of copy here</p>
      <p>Lots of copy here</p>
      <p>Lots of copy here</p>
      <p>Lots of copy here</p>
      <p>Lots of copy here</p>
  </div>

</div>

Некоторые основные CSS:

.ui-content {
padding: 0 !important;
}

.ui-listview {
margin: 0 !important;
}

div.iscroll-scroller {
width: 100% !important;
}

.ui-popup .ui-content {
height: 150px !important;
}

Я прочитал много документации для iscrollview, в частности, о refresh() iscrollview, но я не уверен, как это реализовать. Нужно ли вносить изменения в различные параметры в файле js или мне нужно реализовать какой-то другой обходной путь?

Answer 1

Вы должны дать всплывающее окно фиксированного размера! Смотрите здесь: http://www.gajotres.net/using-iscroll-with-jquery-mobile/