【overflow-scrolling】iPhoneでカクカクしたスクロールをcssでなめらかにする方法

iPhoneやiPadではスクロールがなめらかにならずカクカクした動きだったりぎこちない動きになったりします。

そんなときにoverflow-scrollingを使うことでiPhoneやiPadでもなめらかな動きになります。

Androidは何も指定しなくてもなめらかにスクロールします。

overflow-scrollingを指定する

-webkit-overflow-scrollingに用意されているものは、「auto」と「touch」の2種類になります。

.scroll{
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}