1 мин

Zeroblock

Light

5

Этот скрипт позволит тебе сделать эффект блоков, которые будут накладываться друг на друга (как карточки). Модификация совместима с Autoscale.

Как сделать эффект
накладывающихся блоков?

(cвернуть)
Инструкция
vcount

1. Просто создай на странице блоки которые будет накладываться друг на друга и укажи их ID в генераторе кода

2. Если тебе нужно чтобы последний блок "отлипал" от экрана, то не указывай его ID в генераторе кода, чтобы получить аналогичный эффект

5. Размести внизу страницы все остальные зероблоки, которые будут слайдами (их ширина в слайдере будет равна ширине html-элемента слайдера, деленая на количество показываемых слайдов)

6. Если у тебя слайдер с autoscale или не на весь зероблок (100% по ширине по window container), а лишь на его часть, то задай элементам в слайдах выравнивание container window и left top. А также убери для контента отступы слева и сверху, чтобы слайды были прижаты вбок вот так. Иначе все сместится вправо! Просто выдели все элементы и сделай всё как в подсказке тут =>

7. Укажи rec-id всех зероблоков (или стандартных блоков), которые должны быть слайдами через запятую и пробел (без кавычек!)

8. Если будешь использовать автоскейл, то включи его только в самом зеро, в котором у тебя будет слайдер

9. Выбери все нужные тебе функции в генераторе кода и в дополнительных настройках и полученный код вставь в блок т123 сразу после последнего слайда

10. Если хочешь вставить на страницу 2-й и последующие слайдеры, то укажи в генераторе кода порядковый номер слайдера, чтобы отвязать его от остальных и повтори пункты 1-10

11. После всех этих действий перейди в Настройки сайта => Ещё => Выбери пункт "Подключить jQuery на страницах сайта"

– Если используешь на страничке стандартные блоки, то обязательно задай им цвет фона иначе последний блок будет просвечивать сквощь них

– Если у тебя некорректно по высоте фиксируются блоки на мобильном или пк, то выбери в генераторе "фиксировать по верху экрана" и задай нужный тебе отступ внутри самих фиксируемых блоков

- Эффект предназдачен для зероблоков, но также совместим с частью стандартных блоков

Важно!

undefined
undefined
undefined
undefined
Отчистить поля
Загрузить сохраненные значения
undefined
Скопировать код
 
123

Просто прокрути страничку вниз и увидишь эффект фиксирующихся блоков карточек при скролле

Примеры работы модификации

Карточка внутри зероблока 1
Карточка внутри зероблока 2
Карточка внутри зероблока 3
Карточка внутри зероблока 4
Карточка внутри зероблока 5