Вы уже пробовали ,что у вас есть уже?
Я думаю что это можно реализовать с помощью Canvas. Рисуете вашу линию ,точнее описываете ее движение координатами ,она по ним вырисовывается ,потом поверх такую же ,только она уже будет вырисовываться от значения скоролла колесика.
Почему вы спрашиваете каким плагином сделать ? Сделайте сами ,ручками )
Самое сложное тут разобраться с трансформацией ,как только подберете нужное значение ,просто меняйте его по клику и все
Полностью согласен ,сам сначала штудировал всю эту теорию ,но понятие зачем эти вещи нужны вообще не было. Как только дошел до практики ,сразу же стало все понятнее , к примеру понял что такое callback :) ,остальное пока только изучаю. Верным решением будет идти и практиковаться. По началу сделайте что-то простенькое ,слайдер или прелодер ,далее все усложняйте и усложняйте ,к примеру анимированные переходы в слайдере,анимированный прелодер и так далее.
Exploding, Да ,я этот вариант уже рассматриваю,но считаю его от части костыльным. Если сделать так ,то это сработает на одну картинку ,но что если такой эффект ,к примеру , попытаться прикрутить к слайдеру? Если на каждую фотку нужно ,к примеру 10 блоков ,то на 5 50? Возможно тогда как то нужно будет у этих 10ти блоков каждый раз менять src ,подумаю. Но в целом хотелось бы конечно понять как именно можно "отрезать" кусок фотки ,поместить его в новую переменную и отобразить уже новую ,вырезанную фотку. Вот тут от части то о чем я говою https://revolution.themepunch.com/parallax-zoom-sl... Хотя я ,если честно , не смотрел в код ,возможно тут и не разрезание ,а что то другое ,но очень похоже )
Виталий Киренков, Боже ,как все нынче чувствительные пошли ,я даже не пытался дерзить ,ну да ладно...
Я не могу понять где в примере который вы скинул ,"разрезание" картинки? Я нашел только списки... Или это скрипт так разрезает картинки и делает из них списки? :)
Виталий Киренков, Либо вы смотрите в книгу и видите фигу ,либо я написал не корректно
"Суть в том ,что блок должен быть разбит ,я думаю скриптом ,на отдельные блоки ,как показано на картинке ..."
Я понимаю что их нужно просто по осям сдвинуть ,но не могу понять как можно так разрезать блок.
Конечно можно просто разрезать фотку в фш ,но я думаю будет лучше сделать с помощь JS.
Добавлю от себя комментарий. Сайт весит неприлично много ,папка со шрифтами весит 3.5мб ,или около того , папка с изображениями 4.5мб. Советую сжимать изображения ,вот один из сайтов https://tinypng.com ,качество не теряют ,но в весе теряют.
Речь немного не об этом) То что для фронтэнда мне необходимо изучить фреймворк ,это очевидно.
Речь идет бэкэнде ,возможно ли PHP заменить на Node.Js или все же стоит изучать PHP. Я думаю мне будет достаточно изучить основы PHP ,не сильно углубляясь ,т.к. я все же планирую больше работать на фронтэнде ,но и представление о том что такое бэкэнд хочется получить.
Да ,я с вам полностью согласен ,я именно так и думаю ,что лучше бы изучать что-то одно ,чем распылятся на все и сразу ,просто я не знаком пока не с PHP ,ни с Node.JS , вот и хотел узнать мнение.
Владислав Лысков, Предположу. На сайте есть слайдер ,у него стрелочная навигация , удобно будет на телефоне тыкать на эти малюсенькие стрелочки? - нет. Для этого в мобильной версии слайдер "подправляют" ,убирают стрелки ,делают его навигацию свайпом. Один из примеров. Так же могут просто отключить некоторые анимации или плагины ,которые выглядят не красиво или не удобны для использования на маленьком экране.
Вообще мой тебе совет ,если изучаешь JS ,не лезь пока в JQ ,если ты не знаешь как это реализовать на чистом JS ,без JQ ,то какой тогда смысл пытаться барахтаться и пытаться что сделать на JQ? Нужно понять как происходит этот скролл на JS ,тогда будет понятно что дописывать.
P.S. Логика в том ,что тебе нужно отнять от конечно значения ,того место до куда идет скролл ,высоту твоего фиксированного меню.
Я думаю что это можно реализовать с помощью Canvas. Рисуете вашу линию ,точнее описываете ее движение координатами ,она по ним вырисовывается ,потом поверх такую же ,только она уже будет вырисовываться от значения скоролла колесика.