Mobile Safari固定位置页脚问题

Question

如何获得移动Safari浏览器固定位置页脚以保留属于哪个位置而不反弹？

Answer 1

好吧 - 我疯了之前解决了这个问题。我不知道它是否会在所有情况下都能正常工作，但它在我的iPhone 4s上就像魅力一般。

假设你有正确的CSS，这是一样的东西：

body { 
    height:100%; 
} 

#footer { 
    position:fixed; 
    bottom:0; 
} 

，你已经为移动设备的视口 -

该解决方案完全为我工作。我正在使用jQuery，但不是jQueryMobile。这一点JavaScript/JQ代码解决了一切，并没有弹跳或其他视觉gaffes：

document.ontouchstart=function(){ 
    $('#footer').animate({bottom:0},1); 
} 

就是这样！希望这对某人有帮助。