首页 > 解决方案 > 如何使 ScrollBar 在移动设备中始终可见?(CSS) (iPhone)

问题描述

我制作了一个具有滚动功能的 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;
  }

标签: cssscrollsafariscrollbar

解决方案


推荐阅读