使用CSS E j​​Query移動背景圖片

Question

我想在鼠標移到背景圖像上時（比頁面大）進行定位，但我想這樣做，但是當鼠標相對於圖像位置的位置不變時，我想這樣做

即在下面的示例中，如果鼠標懸停在字母上方，則在移動背景圖像時，鼠標將保持在同一字母上

但百分比不正確

var newvalueX = e.pageX / $(window).width() *100;
var newvalueY = e.pageY / $(window).height() *100;

這里的工作示例： https : //codepen.io/anon/pen/pazzZG/

任何想法？ 謝謝！

Answer 1

完全不要使用百分比。 跟蹤上一個mousemove事件中的鼠標坐標，計算這些坐標與當前事件的坐標之間的差，並將該差添加到背景的位置。