这基本上是我想要的:我想通过使用与 jquery 可拖动绑定的另一个元素来上下滚动一个包含很长内容的 div。
<div id="wrapper">
<div id="container">
<div id="timeline_wrapper">
<div id="timeline">
</div>
</div>
<div style="clear:both"></div>
<div id="horizontal_control">
<div id="controller"></div>
<div>
</div>
$("#controller").draggable({
revert: false,
containment: "parent",
axis: "x",
create: function(){
$(this).data("startLeft",parseInt($(this).css("left")));
$(this).data("startTop",parseInt($(this).css("top")));
},
drag: function(event,ui){
var rel_left = ui.position.left - parseInt($(this).data("startLeft"));
var rel_top = ui.position.top - parseInt($(this).data("startTop"));
}
});
这是获取更多信息的小提琴:http: //jsfiddle.net/xNLsE/4/