Question

I have this javascript code that scrolls a div depending on the mouse position.

Ive got the code working, the problem is its a bit jittery. I was wondering if anybody could give me advice on how to optimise it so it runs smoothly!

To view the code please visit my jsfiddle:

http://jsfiddle.net/ENhwT/3/

Answer 1

I realised i was going WELL too far with this, and the solution was easy.

You calculate the new scroll position based on the EXACT mouse Position… Code Follows:

$(window).load(function(){
    var container = $("#PortfolioReel");
    var elem = $("#PortfolioReel div");
    var max_pos = container.width();
    var max_scroll = elem.width() - max_pos;
    var differential = max_scroll / max_pos;
    $("#PortfolioReel").mousemove(function(e){
        var pos = (e.pageX - this.offsetLeft) + 1;
        var scr = Math.round(pos * differential);           
        container.scrollLeft(scr);
    }); 
});