Re: fixed position element in mobile safari

[Marcelo Wolfgang]

Hi Jon, Thanks for the input, can you share your solution number 1 with me ? I've read through the foruns that the mobile safire makes a picture after it renders the page, whes position fixed impossible ... is this right? TIA Marcelo Wolfgang On 14/10/2008 11:48, Jon Brisbin wrote: 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 iphonewebdev@googlegroups.com 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 -~----------~----~----~----~------~----~------~--~---