Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使滚动条在手机中始终可见?(CSS)(iPhone)_Css_Scroll_Safari_Scrollbar - Fatal编程技术网

如何使滚动条在手机中始终可见?(CSS)(iPhone)

如何使滚动条在手机中始终可见?(CSS)(iPhone),css,scroll,safari,scrollbar,Css,Scroll,Safari,Scrollbar,我制作了一个具有滚动功能的div。滚动条出现在我的桌面浏览器(chrome、safari、firefox)上,但在移动设备上,滚动条不可见。(尽管卷轴可以工作) 我如何使它始终可见 .scroll_log { overflow-y:auto; max-height:350px; -webkit-overflow-scrolling: auto; } .scroll_log::-webkit-scrollbar { -webkit-appearance:

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

这回答了你的问题吗?你试过这个吗?是的,我试过同样的方法,它不适用于Iphone和iPad。这回答了你的问题吗?你试过这个吗?是的,我试过同样的,它不适用于Iphone和Ipad