Javascript jQuery Mobile IOS仅在页面底部发生弹性滚动问题

TLDR 除非我尝试在水平滚动div中使用touch start向下滚动页面，否则一切都正常，因为页面具有弹性滚动效果，而不是在底部或顶部。删除jQuery Mobile可以修复此问题。这只会发生在IOS上，安卓系统很好TLDR

我对jQuery Mobile和滚动有问题

我有一个比我的屏幕更大的页面（在iphone5s上）。此页面上有2个带图像的水平滚动div

滚动div如下所示

HTML:

这种水平滚动效果很好，但当我触摸其中一个div并拉上屏幕向下滚动页面时，页面具有弹性滚动效果（参见图片）。向下滚动页面可以找到我的触摸是否从水平分区外开始

• 页面的第一视图

• 页面不在底部时发生弹性滚动

• 在页面的实际底部

• 页面不在顶部时发生弹性滚动

只有在水平滚动div之外开始触摸时，才能上下滚动页面。如果我删除jQuery Mobile，这个问题就不会再发生。我相信这与jquerymobile的vmouse事件有关。但我还不能确定，我也不确定是否可以删除这些事件处理程序，并让页面仍然与jQuery Mobile配合使用

就我所知，这只发生在IOS上。我试过安卓手机，一切正常

我已经在这上面呆了一段时间，不知道还能做些什么来修复它。任何想法都是有用的。谢谢你的关注

对于任何想在这里演示的人，我正在主持一些。我本来会将它们放在JSFIDLE上，但JSFIDLE不支持为移动页面设置视口以正确呈现

---

问题似乎是由以下CSS样式引起的

#cover-builder-page, #page-builder-page { 
  width:100%;
  height:100%;
}

当您将页面的

高度设置为100%时，它会根据视口中的可用空间设置高度。如果您将
min height
设置为100%，它将起作用，或者将其全部删除

（1）

（1） 我刚刚在iPhone5-Safari上测试过AshishNautiyal，同样的问题依然存在。这似乎对我有效。非常感谢您抽出时间查看并获得您的答案。：]只有一个问题，因为我还有8个小时才能颁发赏金。我现在希望水平div在按钮和标题后面滚动。给div的包装一个css
position:absolute；顶部：140px；右：0；左：0；底部：0；溢出：自动再次中断此操作。这仅仅是因为它又有了一个设定的高度吗？为了解决这个问题，我只需固定按钮和标题，并允许页面在其后面滚动。我只是好奇。再次感谢@不客气，我很高兴这解决了你的问题。你不需要设置绝对位置，你可以给包装一个固定的高度和
overflow-y:scroll。我需要测试它，或者给我一把小提琴来测试。
.list{width:auto;height:190px;overflow:hidden;overflow-x:auto;overflow-y:visible;white-space:nowrap;-webkit-overflow-scrolling:touch;}
    .list label{width:110px;height:170px;margin:0 8px 5px;padding:0;position:relative;overflow:hidden;vertical-align:top;display:inline-block;}
    .list input{position:absolute;top:-999px;left:-999px;}

#cover-builder-page, #page-builder-page { 
  width:100%;
  height:100%;
}