Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I am using Phonegap 2.5 for the iPhone application.I am also using query mobile. Its giving scrolling issue when I use -webkit-overflow-scrolling:touch; Here are the screenshots:

enter image description here

and after scrolling content disappears:

enter image description here

Header and footer are fixed. this is the code I am using for the div which is scrolling div:

<div style="position:absolute;width: 100%; height:75%; margin-top:10%; overflow-y:auto; -webkit-overflow-scrolling: touch; -webkit-transform:translate3d(0,0,0);">

<!--some content -->

</div>

when I remove -webkit-overflow-scrolling:touch; the content doesn't disappear but it doesn't scroll like native. I can't figure it out what is the problem?

*UPDATE:*It works fine on ios 6 simulator. screenshots are of iOS 5 device.

share|improve this question

This question has an open bounty worth +50 reputation from Jake ending in 7 days.

The question is widely applicable to a large audience. A detailed canonical answer is required to address all the concerns.

1 Answer

up vote 0 down vote

Couldn't see your html markup though, try to call this script...

Give id to your popup div.

HTML

<div id="yourBox" style="">    
    <!--some content -->    
</div>

JQUERY

$(document).ready(function(){
    $('#yourBox').trigger("create");
});
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.