Css Позиция: липкое не работает только в МОБИЛЬНОМ режиме - PullRequest
Новая
       33

Css Позиция: липкое не работает только в МОБИЛЬНОМ режиме

0 голосов
/ 05 мая 2020

У меня проблемы с Chrome с липким css. Только в мобильном браузере один из элементов страницы не занимает закрепленную позицию. Проблему можно увидеть на следующей странице

В основном с компьютера следующий код не имеет проблем. Вместо мобильного телефона красная полоса вверху страницы не занимает определенную позицию . Это код, который я использовал: 

.top-bar-copywriting {
   position: -webkit-sticky;
   position: sticky !important;
   top: 0 !important;
   z-index: 2;}

Кто-нибудь знает, как можно решить ту же проблему ?! Заранее спасибо!

1 Ответ

0 голосов
/ 05 мая 2020

липкое неверно '! Important' не обязательно должно быть там, как и z-index 

<style>
.top-bar-copywriting {
position: -webkit-sticky;
position: sticky;
top: 0;
}
<style>
<div class="top-bar-copywriting">
<div class="contentExample>
<h1> Words</h1>
<--!put content here!-->
</div>
</div>

Вы используете safari? Safari может не работать с липкими вещами. Вы должны получить Google.

...