MENU

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

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

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

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

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

デモ

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

↓なめらか

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

↓カクカク

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

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

目次
閉じる
WordPressテーマ SWELLWordPressテーマ SWELL