jquery - 移动 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);
}

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