Question

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

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 Interface SR Exists
Moderation Team has archived post
Share this page LinkedIn