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

Posted 2023-05-08

【中文标题】iscrollview 和 jquery 移动弹出窗口底部内容隐藏

【英文标题】：iscrollview and jquery mobile popups bottom content hidden

【发布时间】：2013-11-27 05:20:40

【问题描述】：

我在 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】：

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