Html 在phonegap iOS中使用iframe滚动

如果我的PhoneGap应用程序中有iframe。该框架的高度为1000。 通过将其宽度调整为50%，我可以通过触摸框架旁边空间上的父对象来滚动。但是当我试图通过触摸画面本身来滚动时，没有任何反应

我查找了这个问题，并报告了一些解决方案中出现的问题，包括-webkit溢出滚动：touch；但是没有运气

#content_wrap {
    display: inline-block;
    float:left;
    width:100%;
    overflow-x:hidden;
    position:relative;
    height:auto;
    z-index:300;
}


#content_wrap  .content_container {
    position:absolute;
    left:0px;
    display:inline-block;
    float:left;
    width:100%;
    padding:0;
    min-height:100%;
    height:auto;
    background-color:#FFF;
}

#tickets {
    display:inline-block;
    float:left;
    width:50%;
    margin:0px;
    height:auto;
}

#ticketFrame {
    height:1000px;
    display:inline-block;
    float:left;
    width:100%;
}

html：

<div id="content_wrap">
   <div class="content_container">
      <div id="tickets">
         <iframe src="someurl" frameborder="0" id="ticketFrame"></iframe>
      </div>
   </div>
</div>

我喜欢使用显示内联块和左浮动，正如你所看到的；）

---

---

如何才能在phonegap中使用触摸屏滚动？

问题可能是您的iframe标签<代码>问题可能是您的iframe标记<代码>iframe中内容的高度是否大于1000px？如果没有，则将没有可滚动的内容。你试过将iframe的高度设置为100%吗？@DawsonLoudon thx，刚刚试过，但没有，没有工作。。仍然没有滚动。虽然它是1000像素，但它超出了手机屏幕的高度，因此它仍应滚动。也许不是框架本身，但确定家长应该正确吗？正如我所说，我可以在触摸一侧的父对象（避开帧）时滚动，如果您在iframe上使用

scrolling=“no”

，则可以滚动1000px。有时您必须禁用一个元素的滚动才能在父元素上滚动element@DawsonLoudon是的，我有；）但仍然不起作用；（使用媒体查询显示两个按钮（向上/向下）怎么样与此类似的是，iframe中的内容高度大于1000px？如果不大于1000px，则没有任何内容可滚动。您是否尝试将iframe的高度设置为100%？@DawsonLoudon thx，只是尝试了一下，但没有效果。仍然没有滚动。虽然如果是1000px，则超出了手机屏幕的高度，因此应该ld仍在滚动。可能不是框架本身，但确定家长应该正确吗？正如我所说，当我触摸侧面的家长（避开框架）时，我可以滚动。你是否厌倦了使用

scrolling=“否”

在iframe上。有时您必须禁用一个元素的滚动才能在父元素上滚动element@DawsonLoudon是的，我有；但是仍然没有工作；（使用media query显示两个类似于此的按钮（向上/向下）如何感谢您的帮助，但这只是我在堆栈上犯的一个错误，因此这不是我问题的根源。（不幸的是）。你的代码在ios safari上不起作用。我想这不是phonegap问题。我再次编辑css。现在在ios safari上滚动。你能试试phonegap吗？@MartHaarman我的代码在safari上起作用吗？你确定吗？是的，但在你为应用程序提供的css代码中没有。因此，我已将宽度设置为50%，因此装备上有一个空白我的iframe的ht侧。奇怪的是，当我在这个白色区域上滚动时，整个东西都会垂直滚动。然而，当我用手指滚动iframe本身时，它什么也不做。谢谢你的帮助，但这只是我在堆栈上犯的一个错误，因此这不是我问题的根源。（不幸的是）。你的代码在ios safari上不起作用。我想这不是phonegap问题。我再次编辑css。现在在ios safari上滚动。你能试试phonegap吗？@MartHaarman我的代码在safari上起作用吗？你确定吗？是的，但在你为应用程序提供的css代码中没有。因此，我已将宽度设置为50%，因此装备上有一个空白奇怪的是，当我在这个白色区域上滚动时，整个东西会垂直滚动。然而，当我用手指滚动iframe本身时，它什么也不做。

html, body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

#content_wrap {
    display: inline-block;
    float:left;
    width:100%;
    overflow-x:hidden;
    position:relative;
    height:100%;
    z-index:300;
}

#content_wrap  .content_container {
    position:absolute;
    left:0px;
    display:inline-block;
    float:left;
    width:100%;
    padding:0;
    min-height:100%;
    height:auto;
    background-color:#FFF;
}

#tickets {
    display:inline-block;
    float:left;
    width:50%;
    margin:0px;
    height:100%;
    right: 0; 
    bottom: 0; 
    left: 0;
    top: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

#ticketFrame {
    height:1000px;
    display:inline-block;
    float:left;
    width:100%;
}