1. トップページ
  2. >  CODE
  3. >  CSS
  4. >  iPhoneのスクロールを滑らかにする

iPhoneのスクロールを滑らかにする

ページ内に、スクロールがある要素を作る時
iPhoneのスクロールに慣性が働かなくて、スムースに動かない時があります。

そんな時にスクロールを滑らかにする記述がこちら

スクロールを滑らかに

-webkit-overflow-scrolling: touch;

使用例

.scroll {
	height:500px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

これでスクロールの要素が滑らかに動いてくれると思います。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

管理人についてAuthor

mick

素敵なコードを書こうと、日々奮闘するWEB屋です。 常に前に前に進みたいと思いつつ、行きつ戻りつしています。

mickについてもっと詳しく!

覚書カテゴリ Categories

タグリストTags

ROOM8特集コンテンツFeature

おすすめオンラインツールTools