Scroll speed controls animation

by Kenneth Luplau-Brøgger

HTML

<script src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<div></div>
<img src="http://i.stack.imgur.com/bdrWh.png"...

CSS

div {
    position: fixed;
    right: 0;
}

img {
    position: fixed;
    position: block;
    top: 30%;
    left: 30%;
}

JavaScript

$(function() {
    var lastScrollTop = $(window).scrollTop();
    var $img = $("img");
    
    
    setInterval(function() {
        var scrollTop = $(window).scrollTop();
        var difference = 0;
        
        if (scrollTop < lastScrollTop) {
            difference = lastScrollTop - scrollTop;
        }
        
        difference = scrollTop - lastScrollTop;
        
        $("div").text(difference);
        
        lastScrollTop = scrollTop;
    }, 200);
});