search

jquery-archive / jquery-mobile

jQuery Mobile Framework
https://jquerymobile.com
Other
9.7k stars 2.41k forks source link

Fixed Header bug when scrolling list items in PhoneGap #1655

Closed finnt closed 12 years ago

finnt commented 12 years ago

The fixed header items are not working correctly when scrolling list items.

They work fine in standard content pages, however list items seem to have another function which triggers if you scroll a bit slowly (works ok with a quick flick). This means the header does not re-appear when you stop dragging up or down.

This bug only occurs when using PhoneGap, so this could be due to a different IOS using a different JS runtime between PhoneGap and Safari.

I think this is a clash between the Scroll up/down and the header fading in/out - somehow when scrolling the list item this seems to stop the header detecting the release of the finger drag.

Hope this makes sense

toddparker commented 12 years ago

Thanks for reporting. These PhoneGap performance issues are always hard for us to debug because there are a lot of additional factors when packaging up an app. Since you're running a native app, you might want to use a native toolbar/tab bar with a smaller embedded web view for the list items anyway to get much better native scrolling with fixed headers. Just an idea, I know it's more work, but it's a much better result.

finnt commented 12 years ago

The tool bar works well with long pages - it appears to only be a problem in pages with List items as these seem to trap an event, so the release is not detected.

We are already doing the tabbed footer nav using a native controls as we found a good example.

Doing this in the header is a bit harder as it needs to: a) Display a relevant title dependant on the page you are on b) Provide a back button top left (trigger a JS function c) Provide an Add to favourites button top right (again trigger a JS function)

achieving this is a little difficult - do you have any good ideas on this as PhoneGap is a little new to me.

Any help really appreciated

(Also great work to all - doing an amazing job)

toddparker commented 12 years ago

Maybe you will have better luck posting this in the forums along with some code samples? It seems like a better path for this. If a specific issue is identified, please post back here. Thanks!