iPad 上 div 垂直滚动条的问题答案

【问题标题】：Problems with div vertical scrollbars on iPadiPad 上 div 垂直滚动条的问题
【发布时间】：2014-04-16 06:05:56
【问题描述】：

当用户在我的网站上执行搜索时，我想在带有垂直滚动条的小 div 中显示结果，而不是用户需要滚动整个页面。这适用于所有浏览器，但我在 iPad 上遇到问题。我可以看到搜索结果不适合 div，但 iPad 上没有显示滚动条。此外，当我尝试在 div 内滚动时，会滚动整个页面。有没有解决方案可以让它发挥作用？

HTML 和 CSS：

<div class="searchResult">
    //Here I show the search result
</div>

div.searchResult
{
    height: 540px;
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

【问题讨论】：

标签： css ipad html scroll

【解决方案1】：

我相信答案是除非您使用两指方法，否则您无法滚动。但是，如果您查看最后一个链接，则有一种解决方法。

问题：
CSS Overflow property not working in iPad
http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html

解决方法：
http://cubiq.org/scrolling-div-on-iphone-ipod-touch

【讨论】：

最后一个链接已失效，请不要依赖外部资源来获得关于 SO 的答案。

【解决方案2】：

iScroll 是 tahdhaze09 提到的 jQuery 插件。更具体地说：

iScroll 正在不断发展，并在基本的基础上添加了许多新功能滚动功能。如果您只需要普通的旧滚动条移动 webkit，你真的应该改用iscroll-lite.js。

iscroll-lite.js 是 iScroll 包的一部分。看起来它可以很好地解决单指滚动问题。

【讨论】：

【解决方案3】：

出于某种奇怪的原因，将 div 更改为 span 可以在 iPad 上运行。

【讨论】：