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

[Anonymous]

Позиция: Сжание работает на некоторых мобильных браузерах, так что вы можете сделать свиток стержня меню со страницей, но затем придерживаться верхней части просмотра всякий раз, когда пользователь прокручивает его. < /p>

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

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

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

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