javascript - 背景位置底部 parseInt

Question

我有一个脚本，用于在滚动时为背景位置设置动画。

图像的背景位置：中心底部。

滚动时，脚本将从中心顶部位置开始。

知道如何从底部背景位置开始 parseInt 吗？我已经看遍了，但找不到该怎么做。

<script> 
$(window).scroll(function() { 
    var x = $(window).scrollTop(); 
        $('.container_image).css('background-position', 'center ' + parseInt(-x / -3) + 'px');
 }); 
</script>

div .container_image{
background-image: url("../images/image.jpg");
background-position: 50% bottom;
background-color:#fff;
min-height:325px;
height:325px;
-moz-transition: height 0.3s ease 0s;}

Answer 1

事先计算该值将有助于解决您的问题。

var newPos = (-x/-3);
$('.container_image').css('background-position', 'center ' + newPos + 'px');

或正如托马斯建议的那样

$('.container_image').css('background-position', 'center ' + (-x/-3) + 'px');

也可以。