jquery - 水平和垂直悬停时平移图像

Question

我正在尝试在垂直和水平悬停时更改图像的背景位置，但是以下代码无法正常工作。有任何想法吗？

CSS：

#background-thing{ 
    background: url(http://www.dnitza.com/experiments/fullscreen-pan/stairway.jpg) no-repeat 0 0 scroll; 
    background-size: cover; 
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
} 

查询：

$('#background-thing').mousemove(function(e){
    var mousePosX = (e.pageX/$(window).width())*100;
    var mousePosY = (e.pageY/$(window).height())*100;
    $('#background-thing').css('backgroundPosition', mousePosX+'%' + mousePosY);
}); 

Answer 1

您缺少一个空格和一个 %

$('#background-thing').css('backgroundPosition', mousePosX +'% '+mousePosY+'%');

小提琴