Jquery IE奇怪的滚动问题

我有一些html代码如下：

<div id="wrapper">
  <div id="items">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
    <div class="item">Item 4</div>
    <div class="item">Item 5</div>
  </div>
</div>

通过使用jQuery的animate函数，我可以在向左或向右移动时设置包装层的动画，这样我就可以看到items层中的所有项目。当它到达终点时，我停止动画，重置items层的scrollLeft位置并继续动画，从而产生连续效果

在Firefox和Chrome中，都可以正常工作。在IE中，我在执行以下操作时遇到问题：

当我向右滚动几个像素，然后向左滚动时，我得到两个动画，第一个非常快，第二个是它应该表现的样子

希望这是有意义的

以前有人经历过吗

---

史蒂夫

我以前没有经历过这种情况，但我的直觉告诉我，这是一个与性能相关的问题。IE做这件事可能太慢了，所以我们可以看到它。其他浏览器做这些更改的速度太快了，我们看不到。您正在设置什么样式属性的动画？@Pointy我按如下方式设置动画：$（“#包装器”）.animate（{scrollLeft:x}，duration）；我还重置了$（“#包装器”）的位置；嗯，我在这里猜（这是IE古怪的一种要求），但我可能会尝试动画“marginLeft”而不是“scrollLeft”。

#wrapper {
  overflow:hidden;
  width:500px;
  height:200px;
}

#items {
  overflow:hidden;
  width:1000px;
  height:200px;
}

#items .item {
  width:200px;
  height:50px;
  float:left;
}