在 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 的事件才不會都看不到超過畫面的東西。