javascript - 根据鼠标位置滚动 div。优化帮助？

Question

我有这个 javascript 代码，它根据鼠标位置滚动一个 div。

我的代码可以正常工作，问题是它有点不稳定。我想知道是否有人可以给我建议如何优化它以使其顺利运行!

要查看代码，请访问我的 jsfiddle:

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

Answer 1

我意识到我在这方面走得太远了，解决方案很简单。

您根据精确的鼠标位置计算新的滚动位置...代码如下:

$(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);
    }); 
});