CSS:鼠标拖动实现双向无限滚动

我张贴了一张 demo for you here …基本上,您只需要知道要添加的内容的宽度,在本例中是310像素。

然后脚本添加内容,调整向左滚动和事件面板的宽度。

 $('button').click(function(){
  $('li.welcome').after( $('#temp').html() );
  $('#timeline')[0].scrollLeft += 310;
  $('.tl-events').css('width', $('.tl-events').width() + 310 );
 })

这个按钮点击功能只为这个例子添加了temp div内部的内容。