background-position bottom 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');

也可以。