LoginSignup
21
14

More than 5 years have passed since last update.

@TanakaMidnight

Android ChromeでPull-to-RefreshをCSSで無効化する。

Posted at

はじめに

Pull-to-Refresh(ページの一番上までいる時にさらに下にスワイプするとリロードされるやつ)
を無効にしたいと思い調べた所、JavaScriptつかってごにょごにょすれば出来る記事はあったのですが、
最近はCSSだけでいけるようなので試してみました。

対象プロパティ

設定例

body {
  overscroll-behavior-y: none;
}

各ブラウザの対応

  • Android Chrome は63以降(2017/12リリース)
  • iOS Safari は未対応 なので普通に使われてるAndroidであればたぶん大丈夫。

まとめ

PWA対応時の際にはPull-to-Refreshが邪魔になる事があるのでさくっと無効にできるのは便利です。

21
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
21
14