javascript - iscrollview 和 jquery 移动弹出窗口底部内容隐藏

Question

我在 jqm 应用程序中使用 iscrollview。我有各种使用 native jqm 弹出窗口小部件的弹出窗口。在 iPhone 4 上使用 iOS7(与 6.0 有同样的问题)正确的滚动只在改变方向时激活？当应用首次加载时，在纵向模式下，内容的下部不会滚动到 View 中，但改变方向时，弹出窗口会按应有的方式改变大小和位置，并且所有内容都是可滚动的。变回纵向 - 弹出内容现在可以正常滚动了吗？

<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 的文档，特别是关于 iscrollview 的 refresh()，但我不确定如何实现它。我是否需要更改 js 文件中的各种参数，或者我是否需要实现一些其他解决方法？

Answer 1

你必须给弹出窗口固定大小!看这里:http://www.gajotres.net/using-iscroll-with-jquery-mobile/