Question

我有一些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>

和css如此：

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

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

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

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

在Firefox和Chrome中没有任何故障。在IE中，当我执行以下操作时遇到问题：

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

希望这是有道理的。

以前是否有人经历过这个？

史蒂夫

IE奇怪的滚动问题

0 个答案: