web-dev-qa-db-ja.com

プルを検出して更新する方法

「プルトゥリフレッシュ」プラグインは多数あります。私はそれらの5つをすでにテストしました。しかし、それらのどれも(特に古いスマートフォンで)高速で実行されていません。

プルリフレッシュをチェックする最良の(バタリーUXパフォーマンスと応答性)方法は何ですか?

PS:アニメーションは必要ありません。ユーザーが「プルして更新する」かどうかを認識したいだけです

14
Peter

これはどうですか?

_var lastScrollPosition = 0;
window.onscroll = function(event)
{
  if((document.body.scrollTop >= 0) && (lastScrollPosition < 0))
  {
    alert("refresh");
  }
  lastScrollPosition = document.body.scrollTop;
}
_

ブラウザが負にスクロールしない場合は、4行目を次のように置き換えることができます:if((document.body.scrollTop == 0) && (lastScrollPosition > 0))

または、Androidデバイスの場合、lastScrollPositionを「ontouchmove」または他のジェスチャーイベントに置き換えることができます。

0
TheMindVirus