位置：修复Chrome Mobile中的滑动bug

如果您查看我的网站 http://alexander-pastor.de在手机上的 Chrome Mobile 中，向任何方向滚动时，页脚都不会保持原样。对原因或解决方法有什么想法吗？

页脚的 CSS 代码如下所示：

#footer{
    width:100%;
    height:auto;

    filter:...;

    margin:0;
    padding:0;

    position:fixed;
    bottom:0;

    z-index:3000;
}

页脚最初显示的部分将是 #pull2，具有以下 CSS 属性：

#pull2 {

    width: 100%;

    display: block;
    position:static;
    float:none;

    padding-left:10px;

    z-index:0;

    background: ...;
    background-position:...;
    cursor:pointer;

}

#pull2 p{

    line-height: 40px;
    margin:0;

}

尝试添加；

-webkit-backface-visibility: hidden;

with position: fixed.

Ref:

轻松修复 CSS 固定位置 http://benfrain.com/easy-css-fix-fixed-positioning-android-2-2-2-3/
固定位置在移动浏览器中不起作用 https://stackoverflow.com/questions/19254146/position-fixed-not-working-in-mobile-browser

或者你可以使用 jQuery 来实现这一点

工作小提琴 http://jsfiddle.net/aash1010/TbMv4/

$(document).ready(function () {

    var winHeight = $(window).height();

    $(window).scroll(function () {
        $("#footer").css("top", $(window).scrollTop() + (winHeight-30) + "px");
    });

});