Search jQuery

jQuery Forum

Dragging Panel Reveals Gray Background on iOS

in jQuery Mobile • 2 years ago

If you open the jQuery Mobile demo page on iOS and then go to the bottom of the page and press and drag the panel, the entire panel moves up revealing a gray background. If you let go it then springs back. This of course happens in jquery mobile apps too and frustrates users.

Is there a way to prevent this from happening?

Note this does not do this in Android devices.

Replies(2)

watusiware

Re: Dragging Panel Reveals Gray Background on iOS

2 years ago

It has nothing to do with jQuery Mobile.

That's the way Mobile Safari works. You will see it on EVERY website. (Unless the website has a fixed-height layout, and prevents touchmove.) You will notice the same thing happens if you drag down from the TOP, as well. (Not including any fixed header.)

It is expected by iOS users, and they would find it very odd if the page did NOT do that!

ccouper

Re: Dragging Panel Reveals Gray Background on iOS

2 years ago

Well the good news is that I am compiling this under Cordova so I discovered this setting which solved the issue for me.

<preference name="DisallowOverscroll" value="true" />

Top Reply

Response title

Attachments

jQuery Forum

Dragging Panel Reveals Gray Background on iOS

Replies(2)

Re: Dragging Panel Reveals Gray Background on iOS

Re: Dragging Panel Reveals Gray Background on iOS

Statistics

Tags

Actions