Chrome mobile position fixed bug on scroll

Question

In my site I have a problem with footer during scrolling

http://m.calciomercato.com/

With google chrome the banner is "detached" from the lower side during scrolling.

I tried to update jquery and jquery mobile but without results.

Thanks.

Answer 1

While scrolling the page on a mobile phone, the recalculation of the footer-position is not triggered all the time whill 'dragging' the page. The solution is:

a) avoid fixed positions on mobile website (on such a small screen, why are you annoying visitors with an ad that's always there?)

b) Try the webkit-transform: translateZ(0); fix as explained here .

Answer 2

It's not a CSS or jquery issue. your banner images are too small ( Size : 300 * 203 ) that's why it's detached with fullwidth.

You need to just upload fullwidth images ( Size : 1200 * 500).