2012-06-29 4 views
0

У меня есть сценарий для анимации положения фона во время прокрутки.background-position bottom parseInt

Фоновое положение изображения: центральное дно.

При прокрутке сценарий начнется с верхнего положения центра.

Любая идея, как она начнется с 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;} 
+0

Вам нужно использовать parseInt()? –

+0

Если я удалю эту часть, scrolldelay не будет работать ... – hobbelpaardjes

+0

и вычисление позиции заранее не работает? т. е. var newPos = (-x/-3); $ ('. container_image) .css (' background-position ',' center '+ newPos +' px '); –

ответ

0

Расчет стоимости заблаговременно будет работать, чтобы исправить вашу проблему.

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

или как Томас предложил

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

также будет работать.

Смежные вопросы