如何在jquery中使用draggable限制我的div

Question

我使用了一个可以拖动的长灰色窗格，我有一个窗口可以覆盖窗格。 窗口溢出：隐藏;在窗格上。 那么如何在没有白色部分的情况下拖动窗格，如果不能拖动窗格，窗格就可以反弹？ 我想要的效果就像下面的网页中的时间轴栏：

http://world.time.com/2013/12/05/nelson-mandelas-extraordinary-life-an-interactive-timeline/

（当我向左或向右拖动太多时，它会自行反弹。因此白色部分不会出现）

谢谢你：）

PS。我尝试使用可拖动但我不知道该怎么做〜

HTML

`<div class="window" style="width:1000px;height:200px;overflow:hidden;">
     <div class="pane" style="background:grey;width:4000px;height:200px"></div>
 </div>            `

JS

JS
`$('.pane').draggable({

     axis:x;
});
`