Виправлено проблему багу для меню/верхнього рівня плагіна Sticky-Kit в Angular

Маленька покидька · Опубліковано 18.10.2018 16:14:55

Якщо потрібно тримати певні елементи видимими, поки користувач гортає сторінку, Sticky-Kit — хороший вибір.

Це відкритий плагін jQuery, який допомагає швидко генерувати фіксовані ефекти сторінки для елементів сторінки. Часто при розробці навігаційної панелі потрібна така функція.

Ключові особливості:
Підтримка фіксованого відображення кількох елементів
Підтримує розташування дисплея елемента та його в'ювілок
Він дуже простий у використанні, а бібліотека класів дуже мала

Офіційний вебсайт:http://leafo.net/sticky-kit/
GitHub:https://github.com/leafo/sticky-kit

Просто у використанні:

Вхід видно.

Мій код:

Вхід видно.

Він не закріплений зверху, шаблон, який я використовую, можна закріпити зверху, спочатку я думав, що помиляюся, довго шукав і знайшовstick_in_parent за замовчуванням орієнтується на найближчого батьківського елемента закріпленого елемента，

Я бачу, що мій батьківський елемент — app-topbar (автоматично згенерований тег з Angular), а батьківський елемент шаблону — div #main-wrapper

Отже, модифікація виглядає так:

Вхід видно.

Готово!

Moodhome · Опубліковано 18.10.2018 21:44:45

Я довго досліджував це питання і нарешті знайшов, дякую

[Кутовий голос] Виправлено проблему багу для меню/верхнього рівня плагіна Sticky-Kit в Angular

Пов'язані дописи

Переглянуті розділи