Как сделать так, чтобы на iphone всегда была видна полоса прокрутки переполнения?

Question

Мне было интересно, может ли кто-нибудь посоветовать, как сделать так, чтобы полоса прокрутки всегда была видна на устройствах iOS.Я добавил следующий CSS, чтобы полоса прокрутки оставалась видимой на мобильных устройствах, однако это работало только для устройств Android и не позволяло iOS вообще иметь возможность прокрутки?

::-webkit-scrollbar {
    -webkit-appearance: none;
    -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar:vertical {
    width: 12px;
}

::-webkit-scrollbar:horizontal {
    height: 12px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

.product-wrapper {
     max-height: 25vh;
     overflow-y: auto;
     @include max-screen($screen-md-max) {
          max-height: 20vh;
          -webkit-overflow-scrolling: touch;
     }
 }