Простой Parallax эффект на jQuery
|
1 2 3 4 5 6 7 |
.apoparallax { width: 900px; position: absolute; top: 0px; left: 50%; margin-left: -450px; } |
|
1 |
<img src="https://imapo.ru/img/ray.png" class="apoparallax"> |
|
1 2 3 4 5 6 7 8 |
<script> $(function() { $(window).bind('scroll', function(e) { var scrolled = $(window).scrollTop(); $('.apoparallax').css('top', (0 + (scrolled * .35)) + 'px'); // Для элемента с классом apoparallax на каждый такт прокрутки добавляем или отнимаем отступ сверху }); }); </script> |
