在单页网站上使用Jquery并使用鼠标滚轮滚动

在单页网站上使用Jquery并使用鼠标滚轮滚动,jquery,Jquery,我使用鼠标滚轮控制图像移动 使用此功能获取顶部位置: $(this).scrollTop(); 并使用此功能让图像移动: $("‪#‎img‬").css({top:currentoffset}); 我有个问题 我用IE浏览器,视觉效果很好 使用谷歌浏览器,图像移动正常。如何在IE浏览器上解决此问题?当您将图像的top的CSS值设置为一个值时,它会立即更改。根据浏览器的配置,鼠标滚轮在任意点上的滚动量可能会有所不同。尝试设置位置变化的动画以减少跳跃 例如: $('#img').animate

我使用鼠标滚轮控制图像移动

使用此功能获取顶部位置:

$(this).scrollTop();
并使用此功能让图像移动:

$("‪#‎img‬").css({top:currentoffset});
我有个问题

我用IE浏览器,视觉效果很好


使用谷歌浏览器,图像移动正常。如何在IE浏览器上解决此问题?

当您将图像的
top
的CSS值设置为一个值时,它会立即更改。根据浏览器的配置,鼠标滚轮在任意点上的滚动量可能会有所不同。尝试设置位置变化的动画以减少跳跃

例如:

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

250意味着1/4秒,因此需要相应调整(可能需要变小)。

请在小提琴上放置一些代码,无论您目前取得了什么成就。Jeremy Miller我希望视觉效果是实时的(谷歌浏览器可以实时),我使用animate()函数,减少ie上的跳跃。所以IE和谷歌浏览器在视觉效果上的差异。这种现象是正常的?可以将其视为平滑滚动和阶梯滚动。与其说是浏览器本身,还不如说是系统上的各种设置(例如,我的鼠标允许我激活平滑滚动)。因此,如果未激活,则跳过一个步骤(可由最终用户配置)。你会希望它赶上,然后要么跳跃(你不喜欢这样),要么在这个位置上设置动画。这是我能为你提供的最好的帮助。