javascript - 取决于鼠标位置的单个 pharallax。 (无边距)

Question

所以我刚刚看到这个 [http://jsfiddle.net/X7UwG/][1]。所以，当你向左移动鼠标时，一切正常，但是当你向右移动鼠标时，就会出现白色的地方。有什么办法可以不这样吗。所以只是为了在没有那个白色地方(边缘)的情况下做单一的 pharallax 效果。

我希望全宽图片根据鼠标位置移动一点，例如，但不要有那个白色的地方。这可能与缩放图像或某事有关

Answer 1

使用百分比作为 x 轴并将图像缩放到 110%

Demo

$('#landing-content').mousemove(function(e){
    var amountMovedX = (( e.pageX / window.innerWidth ) * 100) ;
    var amountMovedY = (e.pageY * -1 / 6);
    $(this).css('background-position', amountMovedX + '% ' + amountMovedY + 'px');
});