Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1381
  • Last Modified:

Phonegap(cordova) + jquery mobile scrollpane in iOS 5.1

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{
		height:486px;
		overflow:scroll;
		margin-top:55px;
		position:relative;
}

Open in new window


But if i add this in order to get webkit easing effect.:
-webkit-overflow-scrolling:touch;

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.
0
WebserviceMX
Asked:
WebserviceMX
1 Solution
 
WebserviceMXAuthor Commented:
For those who are looking for a solution here is why webkit-overflow-scrolling:touch is failing on iOS 5:

http://jquerymobile.com/test/docs/pages/touchoverflow.html

If you want a scrollpane inside a jquerymobile document yo can use iscroll library and wrapit into a jquery plugin, here is the article:
http://appcropolis.com/jquery-wrapper-for-iscroll/
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now