Как добавить свои свойства к sticky-top в bootstrap 4?

Question

[Алексей Королёв]

В bootstrap есть прекрасное свойство sticky-topкоторое делает липким блок. Использую стандартный компонент nav для горизонтального меню. Но...Подскажите как сделать, чтобы при срабатывании этого липкого блока можно было применять свои стили? К примеру чтобы появлялась тень под панелью и появлялся логотип.

Comments

[Rustam Bainazarov]

Это просто значение свойства position.

position: sticky

Поэтому никаких колбеков, событий, методов и т. п. у него нет. Если вы сделайте тень у этого блока, она там будет всегда.

[Алексей Королёв]

А как добавить событие к навигации на js в таком случае?

Answer 1

[Арсений Матыцин]

Это не событие, а свойство. Никак т.е. Ищи в сторону JS-решений.

Comments

[Алексей Королёв]

А как добавить событие к навигации на js в таком случае?

[Арсений Матыцин]

Алексей Королёв, ловить событие onscroll и высчитывать положение.

[Алексей Королёв]

Арсений Матыцин, а как на практике это будет?

Answer 2

[dimnsk]

https://habr.com/ru/post/436182/