Цель-то какая?
Научится делать или получить готовый магаз.
Если первое:
Без знаний можно
1. Использовать сервисы типа insales
2. Взять готовую CMS и готовый шаблон. Хоть opencart, хоть WP с woocommerce, хоть джумлу. Магаз - получится.
Если второе: разбивайте задачу на части и изучайте.
Для всех вариантов: напишите ТЗ на ваш "простой магаз".
На JS ловить скроллТоп и изменять его при фокусе на каком-то из полей формы.
Возможно это и не хорошее решение, но мне не видно размеров и количества полей вашей формы. Поскольку, если будет Отправить, но не будет видно остальных полей формы, то это тоже не айс.
Кнопку отправки расположить рядом с последним полем ввода, а не под ним.
Сергей Васенин, я сейчас разозлюсь
Что мешает в условиях вопроса это сразу написать? А также все остальные нюансы, которых мы не знаем.
Даже изображение выкладываете с белыми полями, а не обрезанное
Сделала квадратное, можно и нижнюю белую полосу отрезать, но тогда пересчитайте проценты в 3 варианте.
3 варианта, поскольку про высоту шапки опять приходится гадать на звездах: https://jsfiddle.net/g4k02Lbm/
Для первого из них читайте про background-size и устанавливайте нужное.
Kilila, ну да, если в задании стоит сверстать адаптивно, а макетов нет и сам вестальщик не в состоянии придумать как это адаптировать, то первое что он должен сделать это пнуть дизайнера. Либо клиента или менеджера проектов.
"Если б я была царица" я бы не стала это параллельно масштабировать, а переделала бы эти блоки на ровные прямоугольники или скошеные параллелограммы или "домиками", но в любом случае во что-то попроще чем сейчас.
А что в голове у вашего дизайнера я не знаю, даже думать боюсь.
Если что, то уровень вложенности страницы это количество кликов от главной, а не то, что написано в урле. Урл это структура папок (или в случае CMS эмулированная структура папок).
Аналогичные вопросы обсуждались и продолжают обсуждаться на профильном форуме типа searchengines 100500 раз.
Виталя Орлин, у второго есть плюсы типа структурности, ввели переменные аккуратненько.
А по реализации - не знаю как лучше.
Можно отдельный вопрос создать и позвать гуру JS :)
Wasya UK, ну вы ш не первый день верстаете, наверное можно догадаться, что если вы погуглили и не нашли очевидного решения, то дело в соседнем коде и надо смотреть его.
Виталя Орлин, учусь вместе с вами :) https://jsfiddle.net/ny09r6cb/ комментарии внутри, закомментированы старые строчки и добавлены новые
клик вне открытых блоков закрывает ВСЕ блоки
Научится делать или получить готовый магаз.
Если первое:
Без знаний можно
1. Использовать сервисы типа insales
2. Взять готовую CMS и готовый шаблон. Хоть opencart, хоть WP с woocommerce, хоть джумлу. Магаз - получится.
Если второе: разбивайте задачу на части и изучайте.
Для всех вариантов: напишите ТЗ на ваш "простой магаз".