How to make ScrollBar always visible in mobile? (CSS) (iPhone)

I made a div that has a scroll function. The scroll bars appear on my desktop browsers (chrome, safari, firefox) but when it comes to mobile, the scrollbar isn't visible. (Scroll works though)

How can I make this visible all the time?

 .scroll_log { overflow-y:auto; max-height:350px; -webkit-overflow-scrolling: auto; } .scroll_log::-webkit-scrollbar { -webkit-appearance: none; width: 12px !important; } .scroll_log::-webkit-scrollbar-thumb { -webkit-border-radius: 10px !important; border-radius: 10px !important; background: #41617D !important; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; } .scroll_log::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important; -webkit-border-radius: 10px !important; border-radius: 10px !important; } .scroll_log::-webkit-scrollbar-thumb:window-inactive { background: #41617D !important; }
5 Reset to default

Know someone who can answer? Share a link to this question via email, Twitter, or Facebook.

Your Answer

Sign up or log in

Sign up using Google Sign up using Facebook Sign up using Email and Password

Post as a guest

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

You Might Also Like