Afooter fade scroll

by lovromar

HTML

<div style="height: 800px;">Scroll down</div>
<div id=bottomMenu>andrei</div>

CSS

#bottomMenu {
    display: none;
    position: fixed;
    left: 0; bottom: 0;
    width: 100%; height: 60px;
    border-top: 1px solid #000;
    background: #fff;
    z-index: 1;
}

body {
    font: 10pt Verdana;
}

JavaScript

(function() {
    var $win = $(window);
    
    function checkScroll() {
        if ($win.scrollTop() > 100) {
            $win.off('scroll', checkScroll);
            $('#bottomMenu').fadeIn(2000);
        } 
    }
    
    $win.scroll(checkScroll);
})();