垂直滚动条卡在页面上

Question

在最常见的浏览器和任何网站上，"scrollbar" 在闲置或不滚动时消失。但是，在我的网站上，它似乎卡在了页面上。我已经被这个问题困扰了几天，似乎无法弄清楚。

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

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

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

更新：我能够移除卡住的滚动条。但在 Safari 上它现在根本不会出现。

Answer 1

您在第 3281 行 shopping_5.css 中使用 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

只有当没有足够的内容溢出容器（不需要滚动）时，才会在 Web 上滚动条 "go away"。在用户交互之前隐藏滚动条是 Mac OS（以及最近的 Win10）功能，在 "most" 应用程序中可见，除非用户决定在系统级别将其关闭。

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

垂直滚动条卡在页面上

Vertical Scrollbar is stuck to the page

html

css

overflow

scrollbar