Jquery 如何平滑背景图像的移动？

我已经成功地创建了一个移动/平移背景图像。它在JSFIDLE中看起来和工作都很好：

但当我在浏览器中测试它时，移动并不平稳，照片有时会冻结

这是HTML：

<div id="pageBg">
</div>

和jQuery位：

$(document).ready(function(){
   $('#pageBg').mousemove(function(e){
      var mousePosX = (e.pageX/$(window).width())*100;
      $('#pageBg').css('background-position-x', mousePosX +'%');

       var mousePosY = (e.pageY/$(window).height())*100;
$('#pageBg').css('background-position-y', mousePosY +'%');
   }); 
});

---

这是什么原因造成的？我如何修复？先谢谢你

它现在可以在firefox和ie上使用，但是在firefox上它太敏感了，但是背景位置现在很好

            $('#pageBg').mousemove(function(e){
                var mousePosX = (e.pageX/$(document).width())*100;
                var mousePosY = (e.pageY/$(document).height())*100;

                $('#pageBg').css({
                    'background-position': mousePosX +'%' + mousePosY +'%'
                });

            }); 

编辑：您必须更改窗口=>文档/宽度/高度。 Firefox不像其他浏览器那样计算正确的鼠标位置。 所以有一种方法可以修复它，或者离开（窗口）和检测浏览器（firefox），然后

var mousePosY = (e.pageY/$(document).height()); //without 100

或者为（文档）更改（窗口），它可以在Chrome、Opera、Firefox、IE、Maxthon和Safari上运行。

---

对我来说应该很平滑。

它在chrome中工作正常。好吧，这很奇怪，因为它在我的chrome浏览器中冻结了。我应该在其他设备上测试它。有没有办法让它在Mozilla和IE中也能正常工作？它在chromeThank you Bharath和Szymon上也能正常工作。你能告诉我为什么Mozilla中的图像没有移动吗？是否需要添加某种脚本才能在所有浏览器中运行？我认为它不起作用，因为mozilla和IE无法识别background-position-x和y。我正试着这么做非常感谢你。有没有办法处理这种敏感的事情？没问题，我很高兴我能帮上忙，现在我在看外国金融机构出了什么问题，我想我们在谈论同一件事。我在我原来的帖子里提到过。移动不平稳，有时图像会冻结。现在我发现所有浏览器都存在敏感度问题。我在这里上传了测试页面，如果这对您有帮助：[链接]让我们看看您在文本（在您的网站中）背景不移动时遇到的问题，请将$（'#pageBg'）.mousemove更改为$（document.mousemove）

var mousePosY = (e.pageY/$(document).height()); //without 100