scroll down fadeIn

by stackmanoz

HTML

<div class="bottomMenu"></div>

CSS

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

JavaScript

$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 800) {
        $('.bottomMenu').fadeIn(500);
        $('.bottomMenu').click(function(){
            $('html,body').animate({scrollTop:0},1000);
        });
    } else {
        $('.bottomMenu').fadeOut();
    }

});