移动Safari固定位置页脚问题

Question

如何获得移动safari固定位置页脚以保持它所属的位置而不会反弹？

Answer 1

好吧 - 我在疯狂之前解决了这个问题。我不知道它是否适用于所有情况，但它就像我的iPhone 4s上的魅力一样。

假设你有正确的css，就像这样：

body { 
    height:100%;
}

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

您已为移动设备设置了视口 -

这个解决方案非常适合我。我使用的是jQuery，但不是jQueryMobile。这一小段javascript / jq代码解决了所有问题，并且没有弹跳或其他视觉失态：

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

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