[CSS] 隱藏可拖曳區域的 scrollbar(捲軸)

在 CSS 裡如果當你使用 overflow: hidden 隱藏區塊的 scrollbar(捲軸)時，也會失去區塊的拖曳效果，如果想要保留拖曳的效果，只是視覺上的隱藏 scrollbar 的話，可以像這樣寫：

我們設定一個區塊 class name 為 area，並讓他出現卷軸。

 /* for Chrome, Safari and Opera */
.area::-webkit-scrollbar {
  display: none;
}

/* for IE, Edge and Firefox */
.area {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 

在手機版本來就會隱藏卷軸，電腦版的話如果隱藏捲軸會因為沒東西可以拖曳，記得要再加上 drag 的事件才不會都看不到超過畫面的東西。