SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Zealot
    Join Date
    Aug 2009
    Location
    Bavaria, Germany
    Posts
    106
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Problem with fixed footer - jQuery Mobile and iScroll4 on iPhone3GS (iOS4)

    Hi,

    I just created my first web-app-like website and a colleague reported that the fixed footer (with iScroll4) disappears on an iPhone 3GS with iOS4 (works on iPhone 3GS with iOS5...). Maybe someone can confirm this behaviour or even better give some tips how to get this working properly:

    http://mobil.smartmotel.de/

    thanks

    PS: if there is someone out there with a Windows phone, a quick check of the site would be great.
    Never argue with an idiot
    they drag you down to their level
    and then beat you with experience

  2. #2
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,042
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    For what reason are you using both iscroll4 and jQuery mobile? Both have very different methods of accomplishing a fixed footer so when combined are very likely to cause issues.
    The only code I hate more than my own is everyone else's.

  3. #3
    SitePoint Zealot
    Join Date
    Aug 2009
    Location
    Bavaria, Germany
    Posts
    106
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I tried the jQuery Mobile solution first but on the tested Android devices the footer wasn't really fixed. It scrolled and then jumped back to the bottom and that was really ugly. But thanks for you advice maybe I should hook in iScroll on Android devices only.
    Never argue with an idiot
    they drag you down to their level
    and then beat you with experience

  4. #4
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,042
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    jQuery Mobile uses that method for optimization reasons. However, iscroll has a very different approach. If your going to use jQuery Mobile for anything else though your pretty much stuck with it ugly or not. Either way it still works. I'm not really a fan of jQuery Mobile for several other reasons but the little footer jump is really a small price to pay for all the other work it *can* eliminate.
    The only code I hate more than my own is everyone else's.

  5. #5
    SitePoint Zealot
    Join Date
    Aug 2009
    Location
    Bavaria, Germany
    Posts
    106
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for your opinion, but I am really interested why you are not a fan of jQuery Mobile but of Sencha Touch. But that is another topic...

    Maybe there are good reasons to not combine jQuery Mobile with iScroll but I haven't had any solid proof of that so far. It works really smooth on all tested devices except the mentioned one (iPhone 3GS with iOS4) and I really want to know why that is.
    Never argue with an idiot
    they drag you down to their level
    and then beat you with experience

  6. #6
    SitePoint Wizard bronze trophy
    Join Date
    Jul 2006
    Location
    Augusta, Georgia, United States
    Posts
    4,042
    Mentioned
    16 Post(s)
    Tagged
    3 Thread(s)
    Anything less than ios5 does not support actually fixed positioning. Therefore, any attempt to make a footer fixed on those devices is essentially an unideal hack. All the different approaches have various advantages and disadvantages. There really isn't much else I can say put weigh them and decide which is more appropriate. Blame it on the hardware…
    The only code I hate more than my own is everyone else's.

  7. #7
    SitePoint Addict goldensona's Avatar
    Join Date
    Jun 2011
    Posts
    226
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi LarsK did u fix footer at bottom on android devices ,which one you used to fixed that one using iscroll or jquery mobile. because i too having the same problem in android2.3.3 devices position:fixed not supported


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •