拖动全角元素 - 可能吗？

Question

我正在构建具有拖动功能的简单滑块。现在，我使用pageX来确定位置，如下所示：

var dragdir = 0,
    drag = null;
$('article.small-section').on('mousedown', function(ev) {
    drag = 1;
    dragdir = ev.pageX;
    if(drag) {
        $(this).css('cursor','move');
    }
}).on('mouseup', function(e){
    drag = null
    if(!drag) {
        $(this).css('cursor','initial');
        $(this).css('left','0')
    }
});

$('article.small-section').on('mousemove', function(e) {
    if(drag) {
        if(dragdir > e.pageX) {
            //console.log(dragdir+'|'+e.pageX)
            if(dragdir > e.pageX+100) {
                $(this).parent('section').cycle('prev');
            }
            $(this).css('right','');
            $(this).css('left','-'+(parseInt(e.pageX/10))+'px');
        } else {
            if(dragdir < e.pageX-100) {
                $(this).parent('section').cycle('next');
            }
            $(this).css('left','');
            $(this).css('right','-'+(parseInt(e.pageX/10))+'px');
        }

    }
});

向右拖动效果很好。在左边 - 它确实，然后它支持（或者根本没有）。我注意到pageX正在下降 - 这就是问题所在。我该如何解决？

工作小提琴：http://jsfiddle.net/2jEJH/1/