css 边缘溢出 'auto'

Question

我需要在Edge上隐藏溢出滚动条。

我有所需滚动区域的当前属性，它在 macos 中工作 chrome/safari。

height: "240px", maxHeight: "240px", overflowY: "auto"

我还添加了以下内容

  html {
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

期望行为 滚动条应该隐藏，除非用户正在滚动。

如何自动隐藏栏？

Answer 1

将这些属性添加到容器中：

onmouseover="this.style.overflowY='scroll'" onmouseout="this.style.overflow='hidden'"

并设置overflow: hidden;.

Codepen: https://codepen.io/manaskhandelwal1/pen/GRjXmQW

Answer 2

答案：

根据接受的答案，我修改并使用 :hover 来获得期望的行为。

    .mydiv {
        overflow-y: 'hidden'
     }
     .mydiv:hover {
         overflow-y: 'auto'
     }