ЭФФЕКТ ПРИЛИПАНИЯ БЛОКОВ НА ТИЛЬДЕ

Амбассадор Нолим – Руслан Гараев подготовил бесплатный шаблон и видеоинструкцию по настройке данной модификации.

Модификацию можно настроить для фиксирования одного блока или нескольких блоков для применения эффекта наложения с отступом. Ниже рассмотрим как настроить эти 2 варианта фиксирования:

#1 Фиксирование одного блока

1. «Id блока» — В этом поле укажите ID блока, который зафиксируется при пролистывании страницы;
2. «id блока после которого отлипнет блок» — Укажите id блока, после которого фиксированный блок отлипнет;
3. «z-index блока» — Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой. Значение в этом поле можно оставить без изменений, но если фиксированный блок будет отображаться не правильно, то есть при прокрутке будет "залазить" под другие блоки, тогда поставьте Z-index больше;
4. «Отступ блока от верхней границы на экранах до 640px; от 640px до 1200px ;от 1200px» — В этих полях вы можете указать отступ от верхней границы экрана для разных разрешений ;
5. Добавляете блок Т123 и вставляете в него сгенерированный HTML код;


#2 Фиксирование нескольких блоков для применения эффекта наложения с отступом

1. «Id блока» — В этом поле укажите ID первого блока, который зафиксируется при пролистывании страницы;
2. «id блока после которого отлипнет блок» — Укажите id блока, после которого фиксированные блоки отлипнут; ВАЖНО указать один и тот же блок после которого отлипнут все фиксированные блоки. То есть если вы фиксируете несколько блоков, то в поле "id блока после которого отлипнет блок" нужно указать один и тот же блок, после которого все фиксированные блоки отлипнут.
3. «z-index блока» — Z-index простыми словами это слои, как в торте. Значение указывается цифрами, чем больше цифра, тем выше будет находиться слой. Значение в этом поле можно оставить без изменений, но если фиксированный блок будет отображаться не правильно, то есть при прокрутке будет "залазить" под другие блоки, тогда поставьте Z-index больше;
4. «Отступ блока от верхней границы на экранах до 640px; от 640px до 1200px ;от 1200px» — В этих полях нужно указать отступ от верхней границы экрана +отступ от предыдущего блока для эффекта наложения. Например для первого блока мы укажем отступ 100px, тогда для второго блока нужно будет указать отступ 200px, для третьего блока нужно будет указать отступ 300px;
5. «+ Список блоков»— Для добавления нескольких блоков нужно нажать на данную ссылку. После заполнить как описано в шагах с 1 по 4;

6. Добавляете блок Т123 и вставляете в него сгенерированный HTML код;