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

时间:2013-11-14 09:10:36

标签: javascript jquery css jquery-mobile iscrollview

我在jqm应用中使用iscrollview。我有各种使用本机jqm弹出窗口小部件的弹出窗口。对于iPhone 4上的iOS7(与6.0有相同的问题),只有在改变方向时才能激活正确的滚动?当应用程序首次加载时,纵向方向,内容的下半部分将不会滚动到视图中,但更改方向弹出窗口会更改大小和位置,并且所有内容都可滚动。更改回肖像 - 弹出内容现在正在滚动?

<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文件中的各种参数,还是需要实现其他一些解决方法?

1 个答案:

答案 0 :(得分:0)

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