【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;
}

コメント

タイトルとURLをコピーしました