DETECT SCROLL POS

by bizamajig

HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis lacus nibh. Cras quis dui adipiscing, accumsan nibh in, aliquam quam. Donec aliquam venenatis mattis. Maecenas varius scelerisque tellus, id placerat nisl. Donec non malesuada nibh. In elementum ultricies nisl, vel luctus mauris suscipit a. Sed felis neque, eleifend ac pulvinar nec, dictum a lorem. Phasellus suscipit lectus dolor, a pharetra urna aliquet vel. Vestibulum varius pretium auctor. Vivamus fringilla, nisi a dapibus vehicula, lectus dolor elementum lectus, ut tempor purus sapien vitae tortor. Vivamus interdum malesuada orci, sit amet pharetra risus gravida sed. Mauris bibendum nec nulla sit amet luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam blandit congue quam, laoreet egestas metus placerat sit amet. Maecenas condimentum nulla id vehicula pretium.
<br/><br/><br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis lacus nibh. Cras quis dui adipiscing, accumsan nibh in, aliquam quam. Donec aliquam venenatis mattis. Maecenas varius scelerisque tellus, id placerat nisl. Donec non malesuada nibh. In elementum ultricies nisl, vel luctus mauris suscipit a. Sed felis neque, eleifend ac pulvinar nec, dictum a lorem. Phasellus suscipit lectus dolor, a pharetra urna aliquet vel. Vestibulum varius pretium auctor. Vivamus fringilla, nisi a dapibus vehicula, lectus dolor elementum lectus, ut tempor purus sapien vitae tortor. Vivamus interdum malesuada orci, sit amet pharetra risus gravida sed. Mauris bibendum nec nulla sit amet luctus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam blandit congue quam, laoreet egestas metus placerat sit amet. Maecenas condimentum nulla id vehicula pretium.
<br/><br/><br/><br/>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis lacus nibh. Cras quis dui adipiscing, accumsan nibh in, aliquam quam. Donec aliquam...

CSS

body{
    font-family:Calibri;
    font-size:13pt;
    padding: 5px;
}

JavaScript

var iScrollPos = 0;

$(window).scroll(function () {
    var iCurScrollPos = $(this).scrollTop();
    if (iCurScrollPos > iScrollPos) {
        alert('down');
    } else {
        alert('up');
    }
    iScrollPos = iCurScrollPos;
});