Phonegap(cordova) + jquery mobile scrollpane in iOS 5.1

Posted on 2012-09-17
Last Modified: 2012-09-17
I want to add a scrollpane using a <div> with overflow:scroll css property running as a phonegap iOS app.

Its working fine using this css code:

#insideContent .columContainer .pane{

Open in new window

But if i add this in order to get webkit easing effect.:

Open in new window

I get scroll cropped when i move the scroll down

scroll gets cropped  after some scroll

Can you help me with that, or what other alternatives i have to implement webkit scroll pane.
Question by:WebserviceMX
    1 Comment

    Accepted Solution

    For those who are looking for a solution here is why webkit-overflow-scrolling:touch is failing on iOS 5:

    If you want a scrollpane inside a jquerymobile document yo can use iscroll library and wrapit into a jquery plugin, here is the article:

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Enabling OSINT in Activity Based Intelligence

    Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

    The release of the iPhone 6 and the iPhone 6 Plus was extremely successful for Apple. However when iOS 8.1 was introduced, many iPhone users complained of quick battery drainage. Without even knowing, you may be unnecessarily using up your battery p…
    Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
    The viewer will learn how to dynamically set the form action using jQuery.

    779 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    15 Experts available now in Live!

    Get 1:1 Help Now