在IE中拖动滚动锯齿状

时间:2013-11-12 14:35:43

标签: javascript html css internet-explorer

点击并拖动滚动图像查看器here

它就像FF和Chrome中的魅力一样,但IE表现得很奇怪。 对角线移动呈锯齿状,好像滚动速度慢,每个动作都是单独可见的。

我正在滚动DIV(viewPort是一个jQuery对象)。

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

是否有人能够在IE9和IE10中创建平滑的动作?

修改 我在Windows 7上使用IE10。我已经看到它在Windows 8上使用IE10。

1 个答案:

答案 0 :(得分:2)

在处理mousemove/touchmove时,在requestAnimationFrame回调中应用UI更改始终是一种很好的做法。考虑这个jsfiddle

我不确定这是否有帮助,但这肯定是一种更好的方法。


transforms有更好的解决方案。您申请了图片position:absolute样式以及容器overflow:hiddenposition:relative。之后,您不会更改容器的scrollLeft/scrollTop,而是更改图片本身的translate(Xpx,Ypx)