Привет, я использую следующий код CSS для стилей прокрутки в Safari и Chrome. И работает действительно здорово, но я столкнулся с следующей проблемой, я бы хотел, чтобы я восстановил значение по умолчанию, когда я просматриваю сайт на своем ipad. Я использую @media css для этого, но я не знаю, как восстановить значения по умолчанию.
@media screen and (min-width: 768px) and (max-width: 1024px) { }
/*Scroll bar nav*/
::-webkit-scrollbar {
width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
background:#FFF;
}
/* Handle */
::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(204,204,204,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(204,204,204,0.4);
}