2022-11-04 css 隐藏滚动条且还可以继续滚动

注：本文内容转载于网络 https://blog.csdn.net/qq_42991509/article/details/117323708

// chrome 和 safari
.element::-webkit-scrollbar { 

  width: 0;
  height: 0;
  color: transparent;

 }
// ie10+
.element { -ms-overflow-style: none; }
// firefox
element { overflow: -moz-scrollbars-none; }

这个是我个人认为比较有效的方法，简单易懂，更多其他方法可以看原文章。

==================== 2024-07-18 如果上面的不生效，不妨再试试下面这个 ====================

/* 隐藏滚动条，但仍然可以滚动 */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
  &::-webkit-scrollbar {     /* Webkit browsers */
    display: none;
  }