javascript 如何在移动浏览器上显示滚动 div（或其他容器）？

How do I display a scrolling div (or other container) on a mobile browser?

提问by IronicMuffin

I am currently writing a Terms and Conditions page for a wireless hotspot captive portal.

我目前正在为无线热点强制门户编写条款和条件页面。

I want to display the length Ts and Cs in a div and let the user scroll through them if they desire.

我想在 div 中显示长度 Ts 和 Cs，并让用户根据需要滚动浏览它们。

Easy enough for non-mobile browsers:

对于非移动浏览器来说足够简单：

 <div id="terms" data-theme="a" style="overflow: scroll; height: 200px;">
      <p>@Html.Raw(ViewBag.Terms)</p>
 </div>

When I view the page on my mobile device, I get a div that feels like overflow: hiddenand no scrolling. I've read that two finger scrolling works on iOS devices, but I need Android to work as well.

当我在移动设备上查看页面时，我看到一个 div，感觉像是overflow: hidden没有滚动。我读过两指滚动适用于 iOS 设备，但我也需要 Android 才能使用。

I'm using the newly released jQuery Mobileframework.

我正在使用新发布的jQuery Mobile框架。

An alternate solution that would be agreeable to me is some kind of scrolling dialog box I could pop, but it seems like I would still have the same problem. I'm open to ideas.

我认为可以接受的替代解决方案是我可以弹出的某种滚动对话框，但似乎我仍然会遇到同样的问题。我乐于接受各种想法。

Any thoughts? Thanks in advance for your help.

有什么想法吗？在此先感谢您的帮助。

回答by dSquared

Take a look at iScroll 4; works on mobile + desktop and doesn't conflict with JQM.

看看iScroll 4；适用于移动 + 桌面，不与 JQM 冲突。

Has the added bonus of having the feel of a mobile browser scroll.

具有移动浏览器滚动的感觉的额外好处。

回答by Phill Pafford

jQM Offer some experimental options:

jQM 提供一些实验选项：

• http://jquerymobile.com/test/experiments/scrollview/

• http://jquerymobile.com/test/experiments/scrollview/

I think you might look into:

我想你可能会研究：

• http://jquerymobile.com/test/experiments/scrollview/scrollview-direction.html

• http://jquerymobile.com/test/experiments/scrollview/scrollview-direction.html