在iPad上使用div垂直滚动条的问题

Question

当用户在我的网站上执行搜索时，我想在带有垂直滚动条的小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;
}

Answer 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

Answer 2

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

  

iScroll正在不断发展，并为基本功能添加了许多新功能   滚动功能。如果你需要的只是普通的旧卷轴   移动网络套件，你应该真的使用iscroll-lite.js。

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

Answer 3

出于某种奇怪的原因，将div更改为跨度适用于iPad。