根据鼠标位置选择单键.(没有利润)

Single pharallax depending on mouse position. (without margins)

本文关键字:单键 鼠标 位置 选择      更新时间:2023-09-26

我看到了这个[http://jsfiddle.net/X7UwG/][1]。所以,当你把鼠标移到左边时,一切正常,但是当你把鼠标移到右边时,有白色的地方。有什么办法不让他们。所以我们要做的是没有白色区域(边距)的单轴效果

我想全宽度的图片只是移动一点取决于鼠标的位置,如在例子中,但没有那个白色的地方。有没有可能通过缩放图像或者其他方法

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

演示
$('#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');
});