Позиция таргетинга: прикрепленные элементы, которые в данный момент находятся в «зависшем» состоянии. ⇐ CSS

[Anonymous]

position: Sticky теперь работает в некоторых мобильных браузерах, поэтому вы можете сделать так, чтобы строка меню прокручивалась вместе со страницей, но затем привязываться к верхней части области просмотра всякий раз, когда пользователь прокручивает ее.

Но что, если вы хотите слегка изменить стиль липкой строки меню всякий раз, когда она в данный момент «прилипает»? например, вы можете захотеть, чтобы панель имела закругленные углы всякий раз, когда она прокручивается вместе со страницей, но затем, как только она прилипнет к верхней части области просмотра, вы хотите избавиться от верхних закругленных углов и добавить небольшую тень внизу это.

Существует ли какой-либо псевдоселектор (например, ::stuck) для выбора элементов, имеющих позицию: Sticky and< /strong> в настоящее время придерживаются? Или у производителей браузеров есть что-то подобное в разработке? Если нет, то где мне его запросить?

Примечание. Javascript-решения для этого не годятся, поскольку на мобильных устройствах вы обычно получаете только одно событие прокрутки, когда пользователь отпускает палец, поэтому JS не может знать точный момент прохождения порога прокрутки.

Подробнее здесь: https://stackoverflow.com/questions/253 ... tuck-state