是否可以在移动设备上隐藏网页的滚动条？

Question

我正在尝试在移动设备上隐藏滚动条。在台式机上一切都看起来不错（没有滚动条），但是当我在某些Android设备（ipad）上进行检查时-我仍然可以看到灰色的细拇指。可以从浏览器隐藏预定义的滚动条。

我的代码（在台式机上运行良好）。

body::-webkit-scrollbar {
  background-color: #fff;
}

body::-webkit-scrollbar-thumb {
  background-color: #fff;
}

Answer 1

使用-webkit-appearance:none隐藏滚动条。

::-webkit-scrollbar {
    -webkit-appearance: none;
}

Answer 2

Try this 
::-webkit-scrollbar {
width: 0px;
background: transparent; /* make scrollbar transparent */
}