Евгений К.
665 сообщений
#2 месяца назад
Всем привет )

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

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

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

Цитата (crus94):
В частности, когда, например, стоит экран на месте, а по скроллу рука выезжает (под низ там). 
ну логично предположить что стоит event на mousescroll 
Андрей Сокол
10 сообщений
#2 месяца назад
Добрый день. 
Попробуйте разобраться с плагином - 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
Евгений К.
665 сообщений
#2 месяца назад
oleg_d, Да, задачи из сложных )

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

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