AMPEDUPDESIGNS

CONSULTING CONCEPTS PERSONAL

A small blog.

A Simple Customizable Scroll-to-Top JQuery Plugin


Increasingly, more new sites are deploying a continuous single-page design with links that essentially scroll down to the content/section that a user wants to see.  One way to allow users a way to return to the top of a page is to add a scroll-to-top button which appears once a user scrolls past a certain offset from the top.  When clicked, the user will gracefully scroll back up to the top.  This is especially useful for mobile devices that have smaller screens view

I've created a super lightweight and configurable jquery-scrolltop-button plugin which allo ...
Read More ...
Tags:   project  jquery  scroll top button  plugin  

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