Фиксация целого блока для виджетов

InstantCMS 2.X
#1 22 июля 2022 в 21:24

День добрый!

Хотим закрепить набор виджетов

Изображение

Добавили для позиции виджета: sticky-top pos-top-mainmenu

Изображение

Подскажите как заставить работать код, чтобы при прокрутке у нас срабатывала фиксация всего блока

#2 22 июля 2022 в 21:43

День добрый!

Хотим закрепить набор виджетов

Изображение

Добавили для позиции виджета: sticky-top pos-top-mainmenu

Изображение

Подскажите как заставить работать код, чтобы при прокрутке у нас срабатывала фиксация всего блока

Димон

Похоже всю колонку никак таким способом, только виджеты по отдельности, я это делал скриптом . до компа доберусь напишу если актуально еще будет 

#3 22 июля 2022 в 22:21

Похоже всю колонку никак таким способом, только виджеты по отдельности, я это делал скриптом . до компа доберусь напишу если актуально еще будет 

Happy

актуально конечно. Мы мечтаем об таком закреплении уже месяца как три, если не больше

#4 22 июля 2022 в 22:21

Присвойте вашей колонке любой дополнительный класс, например: my-sticky-sidebar

В любой подключенной таблице стилей пропишите свойства для класса:

  1. .my-sticky-sidebar {
  2. position: sticky;
  3. top: 0;
  4. }
#5 22 июля 2022 в 22:25

Присвойте вашей колонке любой дополнительный класс, например: my-sticky-sidebar

В любой подключенной таблице стилей пропишите свойства для класса:

  1. .my-sticky-sidebar {
  2. position: sticky;
  3. top: 0;
  4. }
Make

Изображение

Делаем прокрутку

Изображение

Первый блок наехал на второй

#6 22 июля 2022 в 22:27

Ну, верное направление, в котором нужно копать, вы знаете, а дальше — немного css и все встанет на свои места.

#7 23 июля 2022 в 10:43

Ну, верное направление, в котором нужно копать, вы знаете, а дальше — немного css и все встанет на свои места.

Make

гм, если немного цсс надо, так напишите до конца.

...Изображение

нам нужно эту колонку в сетке останавливать при прокрутке, но на него не работает sticky-top, работает только на весь ряд

работает, если в контейнер виджета поставить стики топ, но у нас несколько виджетов и тп

ковыряю дальше

#9 24 июля 2022 в 12:53

instantcms.ru/blogs/kak-sdelat-lipkii-saidbar.html

Нифигаccе о-го-гошеньки

видимо требуется пояснительная бригада:)

селектор прописал в колонку в сетке шаблона — не работает

#10 24 июля 2022 в 17:06

 kalikimaka, сейчас выложу готовый виджет для фиксации сайдбара. Иногда, если что-то не получается, нужно заглянуть в документацию к библиотеке, которую используете

Добавлено спустя 56 минут

видимо требуется пояснительная бригада:)

kalikimaka

instantcms.ru/blogs/lipkii-saidbar-vidzhet.html

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.