Евгений К.
26 лет, Украина
684 сообщения
#1 месяц назад
Всем привет )

https://www.atlassian.com/information-management-infographic

Кто когда-то делал что-то подобное ? Подскажите плиз, в какую сторону погуглить хоть, вообще ума не приложу как делают что-то подобное )
В частности, когда, например, стоит экран на месте, а по скроллу рука выезжает (под низ там). 

Пытался на стаковерфлоу спросить, но там же все так не любят без примеров кода, что мой пост потерли. ))
Олег Медведь
34 года, Украина
158 сообщений
онлайн
#1 месяц назад
Когда то будучи молодым и зеленым я не особо верно оценил свои способности и взялся за подобный заказ)
Не скажу что он был успешным, у меня кончилось терпение а клиента еще раньше деньги (не из-за меня))) то все для меня закончилось хорошо) 
Но все же что-то получилось и достаточно красиво, жаль что сайт этот не найду сейчас.
Мне также дали пример и сказали копай.  Я исследовал сайт пример вдоль и поперек на предмет сторонних плагинов и его кода, разворачивал минифмцированный код, смотрел стили, Visual Event для хрома поставил. 
Но особо это не помогло. В итоге писал свое на CSS и jQuery

Цитата (crus94):
В частности, когда, например, стоит экран на месте, а по скроллу рука выезжает (под низ там). 
ну логично предположить что стоит event на mousescroll 
Андрей Сокол
31 год, Украина
9 сообщений
#1 месяц назад
Добрый день. 
Попробуйте разобраться с плагином - https://github.com/Prinzhorn/skrollr
https://github.com/Prinzhorn/skrollr/tree/master/examples#examples
Там есть примеры.
http://prinzhorn.github.io/skrollr/

Список сайтов сделанных при помощи этого плагина - https://www.awwwards.com/websites/skrollr-js/
А так же - https://github.com/janpaepke/ScrollMagic
Евгений К.
26 лет, Украина
684 сообщения
#1 месяц назад
oleg_d, Да, задачи из сложных )

Andrew_Fix, Спасибо большое за ссылки на либы! Именно то, что я искал )
Журок Эркин
33 года, Киргизия
4 сообщения
#20 дней назад
Делают на svg + javascript.   Через js управляют форму svg и плавность анимации
Недавно видел очень крутые 3D библиотеки (название забыл, в закладках поискать надо) ну так вот анимация аж челюсть падает.  
Виталий Б.
35 лет, Украина
939 сообщений
#20 дней назад
Все намного проще, чем вам кажется. не нужно никаких плагинов. все элементы position: fixed. есть подложка определенной высоты (чтоб скролл был). Вешаете на элементы маркеры, например data-pos, в какой момент скрола, над элементом происходят манипуляции, отслеживаете event scroll и производите манипуляции. 
Елена К.
45 лет, Украина
210 сообщений
#19 дней назад
Можно, я со своим вопросом влезу?
Вот такое https://www.facebook.com/euralis.ua/videos/797480614053458/ чем делают? Заказчик попросил сделать, чтобы ездило и крутилось, на Фейсбук себе поставит.  Можно ли это видео/анимацию оттуда выцарапать на препарацию?
Спасибо.
Евгений К.
26 лет, Украина
684 сообщения
#19 дней назад
Roscherk17,  в Adobe After Effects , как-то делал в нем видео-презентацию сайта заказчику (не на фрилансе).
Елена К.
45 лет, Украина
210 сообщений
#19 дней назад
crus94, буду знать, куда рыть. Спасибо!
Евгений К.
26 лет, Украина
684 сообщения
#19 дней назад
Roscherk17, Не за что
Дмитрий Кононов
32 года, Украина
54 сообщения
#18 дней назад
lufter, все уже написано за нас))) плагин весит всего 12,3 кб, но имеет при этом достаточно много настроек, поэтому в данном случае писать что-то свое, как по мне, лишнее. 
Виталий Б.
35 лет, Украина
939 сообщений
#18 дней назад
K_Dmitrij, я не спорю. можно и с плагином. я просто описал принцип, что это довольно простая задача, и без плагинов можно решить очень быстро.
Евгений К.
26 лет, Украина
684 сообщения
#17 дней назад
K_Dmitrij, lufter, Спасибо большое )

Да, примерно понимал что как-то так, но все же хотелось именно плагинчик какой-то.
Ева Эванс
25 лет, Великобритания
3 сообщения
#17 дней назад
Красивый паралакс)
Александр Воржев
24 года, Украина
10 сообщений
онлайн
#7 дней назад
Andrew_Fix, спасибо за ссылки
Андрей Сокол
31 год, Украина
9 сообщений
#7 дней назад
Не за что