Как сделать ScrollBar всегда видимым в мобильном телефоне? (CSS) (iPhone) - PullRequest
Новая
       20

Как сделать ScrollBar всегда видимым в мобильном телефоне? (CSS) (iPhone)

0 голосов
/ 08 апреля 2020

Я сделал div, у которого есть функция прокрутки. Полосы прокрутки появляются в моих браузерах на рабочем столе (chrome, safari, firefox), но когда дело доходит до мобильных устройств, полоса прокрутки не видна. (Хотя прокрутка работает)

Как я могу сделать это видимым все время? 

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