css - “滚动条未显示在 'firefox 浏览器' css 问题中”

Question

滚动条未在 Firefox 浏览器中显示，但在 chrome 中它工作正常 下面是 css 代码

::ng-deep .adf-search-fitler {
  overflow-y: auto;
  height: -webkit-fill-available;
  width: 300px;
  max-width: none;
  min-width: 300px;
}

这个 -webkit-fill-available 可以在 chrome 浏览器上运行，但是“如何实现滚动条‘firefox 浏览器’”

标签： cssscrollscrollbar

Answer 1

您可以添加多个高度属性：

::ng-deep .adf-search-fitler {
  overflow-y: auto;
  height: -webkit-fill-available;
  height: -moz-available;
  height: fill-available;
  width: 300px;
  max-width: none;
  min-width: 300px;
}

为了解释它 -moz 将被 chrome 忽略，反之亦然。