Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome mobile position fixed bug on scroll

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.

like image 628
Dennais Avatar asked Dec 21 '15 14:12

Dennais


1 Answers

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.

like image 157
Terry Avatar answered Nov 08 '22 09:11

Terry