У меня есть жалоба от пользователя, что он не может прокрутить мой веб -сайт, потому что они используют Sequoia Mac OS. У меня есть определенное место в моем приложении, где есть Div только с прокруткой. Этот Div, по -видимому, позволяет пользователю одновременно прокручивать несколько контейнеров в синхронизации. Он работал в течение многих лет до Sequoia Mac OS. Внезапно эти пользователи не могут увидеть полос прокрутки и, следовательно, не могут прокручивать горизонтали. Я не могу контролировать компьютеры моего пользователя или их настройки, поэтому, пожалуйста, не говорите мне изменить настройку компьютера. Я бы хотел, чтобы CSS или JS -способ принуждения к прокручиванию всегда был видимым. Я проверил это в BrowserStack, используя Safari 18.4 и Chrome 137. Я также проверил его в браустаке с Mac Sonoma и не имел проблемы, поэтому он является новым в Sequoia. Я также попробовал эти настройки: < /p>
Код: Выделить всё
///
///
///
::-webkit-scrollbar-corner {
background: $light-gray;
}
* {
scrollbar-width: thin;
scrollbar-color: var(--scroll-bar-color, $medium-gray) var(--scroll-bar-bg-color, $light-gray);
}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 12px;
height: 12px;
-webkit-appearance: none;
}
*::-webkit-scrollbar-track {
background: var(--scroll-bar-bg-color, $light-gray);
}
*::-webkit-scrollbar-thumb {
background-color: var(--scroll-bar-color, $medium-gray);
border-radius: 20px;
border: 3px solid var(--scroll-bar-bg-color, $light-gray);
}
.scrollbar-container {
display: none;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch; /* optional for smooth scroll on iOS */
}
< /code>
my html: < /p>
Диаграмма того, что у меня есть:
Подробнее здесь:
https://stackoverflow.com/questions/796 ... uoia-users
Мобильная версия