position:fixed sliding bug in Chrome Mobile

Question

If you view my website in Chrome Mobile on a mobile phone and scroll in any direction, the footer wouldn\'t stay put. Any idea for the cause or a fix?

The CSS code of t

Answer 1

Try adding;

-webkit-backface-visibility: hidden;

with position: fixed.

Ref:

Easy CSS fix for fixed positioning
Position fixed not working in mobile browser

---

Alternatively you can achieve this with jQuery

Working Fiddle

$(document).ready(function () {

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

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

});