добрый день!
у дизайнера появилась идея по скроллингу браузера сделать анимацию фона. вкратце: надо немного масштабировать фон и заставить его по скроллу перемещаться слева-направо и по достижению позиции по горизонтали 100% начинать двигаться справа налево до позиции 0% по горизонтали. всё это дело зациклить. с jquery тесно не приходилось до сих работать, поэтому возникли проблемы. пытался сначала сделать через animate, но он не подходит тк анимация срабатывает на скролл и не останавливается пока не отработает полностью, мне же нужно что бы по остановке скролла, изменение позиции фона так же останавливалось. пришёл к выводу, что нужно делать через изменение background-position.
я так понял что нужно действовать как-то так:
$(window).scroll(function(){
var posscrollx = $(this).scrollTop();
$('#block').css({ "backgroundPosition": posscrollx / 50 + 50 + '%' });
});
но до воплощения идеи дизайнера тут далеко. подскажите как заставить анимацию на позиции 100% остановиться и пойти обратно. да и как зациклить потом всё это.
спасибо