javascript - 从除 mat-select 之外的所有页面中删除垂直滚动条

Question

我添加了代码以从应用程序的整个范围中删除垂直滚动条。下面是我添加到styles.css 的代码。但它也从 mat-select 组件中删除了滚动条，因此我的下拉列表不再容易访问。请如果有人可以帮助我了解如何将 mat-select 与整体应用程序样式分开，以便我可以滚动下拉菜单。

html {
  overflow: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
}
::-webkit-scrollbar {
  width: 0px;  /* Remove scrollbar space */
  background: transparent;  /* Optional: just make scrollbar invisible */
  scrollbar-width: none;
}

标签： javascripthtmlcssangularjsangular-material

Answer 1

这应该可以解决问题......只要你想隐藏滚动条就使用这个类（不推荐顺便说一句，因为有些人不使用鼠标......）

.noscrollbar::-webkit-scrollbar{display:none!important;visibility:hidden!important;}

冰川