Question

在大多数常见的浏览器和任何网站上，“滚动条”在空闲或不滚动时均消失。但是，在我的网站上，它似乎停留在该页面上。我已经在这个问题上停留了几天，但似乎无法解决。

我尝试了周围最常见的答案，所以我认为如果您自己看看，最好地描述一下；

http://www.witaminsklep.pl/c.5171732/sca-dev-aconcagua/shopping-local.ssp#

我希望在用户决定滚动时显示滚动条，但在用户不滚动时消失。我相信这会导致其他问题，例如对齐不均。如何修复滚动条？

更新：我能够删除卡住的滚动条。但是在Safari上它根本没有出现。

Answer 1

shopping_5.css第3281行中的滚动条具有CSS样式。因此，只需删除以下样式：

::-webkit-scrollbar {
  width: 10px;
  height: 10px; }

::-webkit-scrollbar-thumb {
  background: 0 0;
  background-color: rgba(77, 82, 86, 0.25);
  border: 2px solid transparent;
  border-radius: 10px;
  background-clip: padding-box; }

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(77, 82, 86, 0.5); }

::-webkit-scrollbar-track {
  background-color: rgba(77, 82, 86, 0.05); }

Answer 2

在网络上，滚动条仅在没有足够的内容溢出容器时才“消失”（无需滚动）。除非用户决定在系统级关闭滚动条，否则直到用户交互为“大多数”应用程序中都可以看到的Mac OS（以及最近的Win10）功能为止。

忽略关于隐藏滚动条的usability implications的争论，最好不要在隐藏系统滚动条的同时寻找一个JavaScript库来重新创建滚动条。

垂直滚动条固定在页面上

2 个答案: