WEB制作者向け無料テーマ「Arkhe」をリリースしました

スマホ(iOS)でoverflowのスクロールをスムーズにする

overflow:scroll で横に長い文章をスクロール可能にしたりする場合、iOSだと挙動がカクカクしますが、-webkit-overflow-scrolling の指定で慣性スクロールが可能に。

-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;

*追記(2018. 1/3):overflow-scrollingは-webkitが付いたものだけしかないようです。

デモ

スマホで横にスクロールさせてみてください。

↓なめらか

①ながああぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁ〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜い、おつきあい。京◯銀行。

↓カクカク

②ながああぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁぁ〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜い、おつきあい。京◯銀行。

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA

目次
WordPressテーマ SWELLWordPressテーマ SWELL