Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.08.2013, 23:04
Интересующийся
Отправить личное сообщение для Jmunb Посмотреть профиль Найти все сообщения от Jmunb
 
Регистрация: 26.11.2011
Сообщений: 10

Движение с не линейным ускорением.
Доброго времени суток Уважаемые форумчане.

Есть задач, повесить на сайт в машинки, расположенных параллельно контенту, которые будут двигаться как бы по кругу(ехать с верху экрана в низ а потом сново выезжать с низу). При этом они должны двигаться с ускорением/замедлением и и это ускорение должно быть разное для разных машинок, тоесть текущая скорость больше то у одной машинки то у другой. Их движение должно зависеть от позиции скролла. То есть крутим скролл - машинки едут, остановились и они стоят.

пробовал рассчитывать позицию машинки по вот такой формуле:
(windowHeight - ((scrollTop*speed)%windowHeight)*(1 + 400/windowHeight))

где windowHeight - высота окна
scrollTop - позиция скрола
speed - коэфициент ускорения
(1 + 400/windowHeight) - тут 400 это высота изображения машинки, считаем коэфициент увеличения координаты машинки, чтобы она выезжала снизу и уезжала за верхний край экрана.

при speed равном 1 все хорошо и машинки движутся вместе со скролом, но если ставишь разные скорости разным машинкам то они начинают дергатся=(

В общем не жду готовых решений(хотя был бы очень рад ), но надеюсь что поможете взглянуть на проблему под другим углом.
Ответить с цитированием
  #2 (permalink)  
Старый 07.08.2013, 11:40
Аватар для ksa
ksa ksa на форуме
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от Jmunb
надеюсь что поможете взглянуть на проблему под другим углом
Как вариант отделить движение машин от скорости самого скрола...
Если машинки позиционировать как
position: fixed;

Они будут "ехать" просто при скролировании... Если добавить им "собственное движение" - получим некое "наложение", которое зависит еще и от скрола.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Движение на java script Malsim Элементы интерфейса 19 02.04.2013 23:31
Движение объекта за курсором Алексаднр Элементы интерфейса 2 23.10.2011 21:01
button - движение при нажатии Jekel (X)HTML/CSS 6 28.06.2010 16:46
Движение объекта в ячейке определённого размера lammeR Общие вопросы Javascript 4 20.04.2010 17:14
Движение обЪекта Rusel6 Элементы интерфейса 2 14.08.2009 14:49