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

Asked Apr 08 '20 at 08:58

Active Apr 08 '20 at 09:16

Viewed 6,279 times

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

edited Apr 08 '20 at 09:16

asked Apr 08 '20 at 08:58

R.JEON

Does this answer your question? [Making the main scrollbar always visible](https://stackoverflow.com/questions/1202425/making-the-main-scrollbar-always-visible) – Anastas.R Apr 08 '20 at 09:02
https://stackoverflow.com/questions/22907777/make-scrollbar-visible-in-mobile-browsers did you try this? – Yana Apr 08 '20 at 09:08
Yes I tried that – R.JEON Apr 08 '20 at 09:15
Same, it does not work for Iphone and Ipad – Lorenzo Jun 20 '20 at 16:21
Any updates/solutions to this? I am facing the same issue. – Brendan Feb 08 '22 at 19:27

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

0 Answers0

Linked