使用Jquery在One Page网站上使用鼠标滚轮滚动

Question

我使用mouseWheel控件移动图像，

使用此功能获得最高职位：

$(this).scrollTop();

让图像随此功能移动：

$("‪#‎img‬").css({top:currentoffset});

我有一个问题，

我使用的是IE浏览器，视觉效果非常快。

使用谷歌浏览器移动的图像是正常的。如何在IE浏览器上解决这个问题？

Answer 1

当您将图像的top的CSS值设置为某个值时，它会立即更改。根据浏览器的配置方式，鼠标滚轮在任何位置完成的滚动量可能会有所不同。尝试动画改变位置以减少跳跃。

例如：

$('#img').animate({
  top: currentoffset
}, 250);

250表示1/4秒，因此需要相应调整（可能需要更小）。