There's really only a couple choices, since there's no fixed positioning (fixed to the viewport, anyway...there is a lot of discussion about this in various message boards) on mobile safari:
1) re-position the element after "onscroll". I add a CSS3 transition to it which slides it down to its new position. Not ideal, but you get used to it. 2) clip overflow on the body and add a scrollable element that fills the screen. This might not work for you if you're depending on body scroll events. Thanks! Jon Brisibn http://jbrisbin.com On Oct 13, 2008, at 3:38 PM, Marcelo Wolfgang wrote: > > Hi all, > > I'm developing a mobile safari target site, that I've designed with a > bottom menu. > > I've set it with css with the following declaration: > > #menu{ > position:fixed; > bottom:-62px; > } > > I'm using jquery to make the page hide the urlbar by default so that's > why of the -62px on the bottom attribute. > > Everything is fine if the page doesn't have a scroll, if it has, the > bottom scroll up with the rest of the page. > > I've tried to add some script to it, but it didn't help: > > $(document).ready(function(){ > $(window).scroll(function () { > $('menu').css('bottom','-62px') > }); > }); > > Does anyone has any idea that can help me make the menu fixed at the > bottom ? > > TIA > Marcelo Wolfgang > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "iPhoneWebDev" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/iphonewebdev?hl=en -~----------~----~----~----~------~----~------~--~---
