html - 垂直滚动条卡在页面上

Question

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

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

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

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

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

标签： htmlcssscrollbaroverflow

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); }