移动web如何显示出滚动条

最新推荐文章于 2024-04-21 09:10:41 发布

原创最新推荐文章于 2024-04-21 09:10:41 发布 · 5k 阅读

0 ·

CC 4.0 BY-SA版权

HTML5 专栏收录该内容

99 篇文章

订阅专栏

本文提供了一种解决方案，用于在使用Cordova进行混合应用开发时，遇到页面滚动条消失但页面仍可滚动的情况。通过CSS样式调整，可以重新实现滚动条的显示，确保用户体验不受影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做cordova得混合应用，发现页面得滚动条不见了，但是页面是完全可以滚动得，于是研究了一下，发现如下方案是可行得，大家可以尝试一下：

::-webkit-scrollbar {
  -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
  width: 12px;
}
::-webkit-scrollbar:horizontal {
  height: 12px;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}