如何在移动浏览器上显示滚动div(或其他容器)?

时间:2011-11-18 21:49:01

标签: javascript jquery html css jquery-mobile

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

我想在div中显示Ts和Cs的长度,并让用户在需要时滚动它们。

非移动浏览器非常简单:

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

当我在移动设备上查看该页面时,我得到一个感觉像overflow: hidden并且没有滚动的div。我已经读过两个手指滚动在iOS设备上工作,但我也需要Android工作。

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

对我来说同意的另一种解决方案是我可以弹出的某种滚动对话框,但似乎我仍然会遇到同样的问题。我对这些想法持开放态度。

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

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:0)