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

admin管理员组

文章数量:1410731

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.

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: hidden and no scrolling. I've read that two finger scrolling works on iOS devices, but I need Android to work as well.

I'm using the newly released jQuery Mobile framework.

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.

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.

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: hidden and no scrolling. I've read that two finger scrolling works on iOS devices, but I need Android to work as well.

I'm using the newly released jQuery Mobile framework.

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.

• javascript
• jquery
• html
• css
• jquery-mobile

Share Follow asked Nov 18, 2011 at 21:49 IronicMuffinIronicMuffin 4,2021212 gold badges5050 silver badges9191 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 3

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

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

jQM Offer some experimental options:

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

I think you might look into:

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

本文标签： javascriptHow do I display a scrolling div (or other container) on a mobile browserStack Overflow