AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

A small blog.

Adding fixed position element breaks scrolling on Android 4.4 Nexus 4 Chrome Browser


Fixed position elements (elements with position:fixed css) have always been known to produce some quirks across different mobile browsers.  Fortunately, newer mobile browsers are slowly resolving some quirks. 

I had a strange quirk that prevented scrolling when you added an element with fixed positioning onto the page. In my case, I was adding a scroll-to-top button and fixing it to the bottom right using CSS.  The CSS went something like this:

.scroll-btn {
    position:fixed;
    bottom: 30px;
    right:15px;
    background-col ...
Read More ...
Tags:   scroll  android  fixed position  css  overflow