页面的侧边ScrollBar覆盖页面内容

Question

Marcelo Miranda在20小时前在CSS中提出了问题（20分）。
我正在尝试建立图片库，并且希望滑动按钮位于页面的最边缘。 问题是，右键单击被页面的滚动条覆盖。

有什么办法可以防止这种情况？我尝试过使用它，但是完全没有区别。

html {
  overflow-y: scroll;
}

Answer 1

您是否尝试过缩小滚动条？

.long-content {
  height: 120vh;
  font-size: 128px;
}

/* width */
::-webkit-scrollbar {
    width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

<div class="long-content">Really Long Content</div>