Close popover
Sreenivas Sakrappagari (SreenivasS5293)
Covance Inc

Covance Inc
SreenivasS5293 Member since 2018 3 posts
Covance Inc
Posted: February 28, 2019
Last activity: March 1, 2019

How to show scroll bar always on apple devices with out user touching the screen

Hi All,

We have a Web Application where we show scroll bar for user to scroll.

That scroll bar is working fine in Desktop Browsers and Andriod Browsers but not in Apple Devices (Safari Browser)

Current Behavior :

Scroll bar is showing up on when user touch the screen and scrolls UP/DOWN in Apple Safari Browser, which is iOS default behavior.

Expected Behavior:

Scroll bar should be shown by default with out any user interactions.

I have tried below code but no luck

::-webkit-scrollbar {
-webkit-appearance: none;

::-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;

***Edited by Moderator Marissa to update SR Details***

Pega Customer Service User Experience Support Case Exists
Moderation Team has archived post,
Close popover This thread is closed to future replies. Content and links will no longer be updated. If you have the same/similar Question, please write a new Question.