0

スクロール中に背景位置をアニメーション化するスクリプトがあります。

画像の背景位置: 中央下。

スクロールすると、スクリプトは中央上部の位置から開始されます。

一番下の背景位置から 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;}
4

1 に答える 1

0

事前に値を計算すると、問題を解決できます。

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

またはトーマスが提案したように

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

も機能します。

于 2012-06-29T14:28:10.823 に答える