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


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

13162
2017-10-08 12:22


起源



答案:


我相信答案是你不能滚动,除非你使用双指方法。但是,如果您查看最后一个链接,则有一种解决方法。

问题:
CSS Overflow属性无法在iPad中运行
http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html

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


9
2017-10-08 13:29



谢谢..我一直在寻找解决方法.. - rubyprince


答案:


我相信答案是你不能滚动,除非你使用双指方法。但是,如果您查看最后一个链接,则有一种解决方法。

问题:
CSS Overflow属性无法在iPad中运行
http://www.webmanwalking.org/library/experiments/dsp_frames_outer_document.html

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


9
2017-10-08 13:29



谢谢..我一直在寻找解决方法.. - rubyprince


iScroll 是tahdhaze09提到的jQuery插件。更具体一点:

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

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


2
2017-11-25 03:17





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


-1
2018-04-07 14:50