css - 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