How do I make the scrollbar appear on the ipad? (Mobile Safari)
I am having problems showing scrollbar in mobile safari because overflow: does not automatically work when there is scrollable content. I found this css property:
-webkit-overflow-scrolling: touch
as some have suggested that this is a fix for mobile safari hiding scrollbars, but it doesn't work for me. Does anyone have any suggestions on how I can get them to be a scrollbar in mobile safari to give the user visual information that they should scroll through?
+4
source to share
1 answer
Your CSS includes:
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
Customize the look as needed.
+9
source to share