jQuery水平拖动非常宽的div

Question

嗨，我有这个广泛的div，我希望能够横向拖动，以获得地铁风格的界面。

http://jsfiddle.net/hwvvu2rg/7/

      var el_w = $('.draggable').outerWidth();

                $('#guide').on("mousemove", function(e) {

                    if ($dragging) {
                        $('#guide').offset({
                            left: e.pageX - el_w / 2
                        });
                    }

目前每当你mousedown，它重置到第一个位置，我如何调整数学，以便每次拖动它使用当前位置，所以你可以拖动它？

Answer 1

你可以捕捉mousedown的相对位置（例如e.pageX - (parseInt($(this).css('left')) || 0)），试试这个：

http://jsfiddle.net/hwvvu2rg/9/