Исправлено решение бага в меню/верхнем уровне плагина 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

Связанные публикации

Просмотренные разделы