Это одностраничный сайт, разделенный на секции (слайды), мне надо сделать чтобы при переезде на новую секцию блоки появлялись и уходили при помощи паралакса, пока все методы что перебробовал не сработали почему-то.
Может это натолкнет на ответ, в секции у "box" установлено position: absolute, по примерам требуется fixed, но тогда все уплывает вверх.
Вот пример одной секции
<div class="section moveDown" id="section2" data-anchor="two">
<div class="wr">
<div class="box1" id="box">
<h1>Программа бизнес школы</h1>
<hr>
</div>
<div class="box2 slideUp" id="box">
<img src="img/elements/el_3.png" alt="">
</div>
<div class="box3" id="box">
<img src="img/images/img_2.jpg" alt="" width="200">
</div>
<div class="box4">
<h5>C 1 апреля 2014 года</h5>
<br /><br />
<h5 style="padding: 20px 0; color: #ccc;">Скоро</h5>
</div>
<div class="box5">
<h3>Финансовые инвестиции</h3>
<p>Интенсивный курс, 2 месяца</p>
<br /><br />
<h3 style="color: #ccc;">Введение в финансовую отчетность</h3>
<p style="color: #ccc;">Интенсивный курс, 2 месяца</p>
</div>
</div>
</div>
Пытался делать вот так
<script type="text/javascript">
$(window).bind('scroll',function(e){
parallaxScroll();
});
function parallaxScroll(){
var scrolled = $(window).scrollTop();
$('#box1').css('top',(0-(scrolled*.75))+'px');
$('#box2').css('top',(0-(scrolled*.25))+'px');
}
</script>
Простой
