使用JqueryUI draggable在桌面上进行水平滚动/滑动效果

Question

Example

是否可以使用draggable来模拟桌面上的水平滚动？在example中，.child中的子元素很长。我想通过拖动/滑动.child来实现相同的效果，而不是下到底部使用水平滚动条。我试过了

jQuery(".child").draggable({ 
    cursor: "move", 
    containment: ".parent"
});

但它并没有真正动起来。

HTML：

<div class="parent">
    <div class="child">
      <img src="https://www.gravatar.com/avatar/8e40ed586c618389587885b8c3fb16c4?s=48&d=identicon&r=PG&f=1"/>
      <img src="https://www.gravatar.com/avatar/8e40ed586c618389587885b8c3fb16c4?s=48&d=identicon&r=PG&f=1"/>
      <span>random element</span>
      <span>random txt</span>
    </div>
</div>