javascript - 在 IE 中拖动滚动锯齿状

Question

我在这里单击并拖动滚动图像查看器。

它在 FF 和 Chrome 中就像一个魅力，但 IE 的行为很奇怪。对角线的运动是锯齿状的，好像滚动很慢，每个运动都是单独可见的。

我正在像这样滚动 DIV（viewPort 是一个 jQuery 对象）。

viewPort[0].scrollTop = newy;
viewPort[0].scrollLeft = newx;

有人能在 IE9 和 IE10 中创建流畅的动作吗？

编辑： 我在 Windows 7 上使用 IE10。我已经看到它在 Windows 8 上的 IE10 上运行。

Answer 1

在处理 时，在回调mousemove/touchmove中应用 UI 更改始终是一个好习惯。requestAnimationFrame考虑这个jsfiddle

我不确定这是否有帮助，但这绝对是一些更好的方法。

---

有事件更好的解决方案transforms。您申请一个图像position:absolute样式和容器overflow:hidden和position:relative. 之后，您更改的不是scrollLeft/scrollTop容器，而是translate(Xpx,Ypx)图像本身。