单视差取决于鼠标位置。 (没有边距)

时间:2016-07-02 18:00:36

标签: javascript jquery html css html5

所以我刚看到这个[http://jsfiddle.net/X7UwG/][1]。因此,当您向左移动鼠标时,一切正常,但当您向右移动鼠标时,则有白色的地方。有没有办法不这样做。因此,只需要在没有白色位置(边距)的情况下进行单视差效果。

我希望全宽幅图像根据鼠标位置移动一点,例如,但不要有那个白色的地方。是否可能使用缩放图像或某些

1 个答案:

答案 0 :(得分:0)

使用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');
});