iOSのSafariで上方向の無限スクロールの問題を解決する - Qiita
はじめに LINEやSlackのような 上方向への無限スクロール が必要なWebアプリを作っていて、なぜか iOSのSafariだけうまく動作しない 問題に悩まされたので、原因とどう解決したかメモしておきます。 Vue.jsを使っていますがVue.js以外でも使えるテクニックです。 同じ事象で悩んでいる方の参考になれば幸いです。 上方向の無限スクロールでやっていること そもそも無限スクロールとは コンテンツの端の方までスクロールしたら次のページを読み込みコンテンツに追加する という処理を繰り返すことで実現します。 下方向への無限スクロールの場合はこれだけです。 これが、上方向の無限スクロールの場合、次のページを追加する位置がコンテンツの先頭になるため、追加する前のスクロール位置に戻す必要があります。 イメージで説明すると・・・ １ページ目を上端までスクロールする。 上端近くなったら次のペー
document.body.scrollTopが常に0を返す謎を調べてみた - Qiita
という指定がしてあったからでした。 これは body の子要素で body からはみ出る部分は自動的にスクロールバーが表示されて、スクロールが出来るようになります。 詳しくはこう で、図にしてみるとわかりやすいのですが +------------------------------------------------------------- | html | +-------------------------------+←ーー ここがscrollTop = 常に0 | | body | ↑ | | +---------------------------+ | | | | | ↑ | | bodyではスクロールしないで | | | Scroll Area | | 子要素の中でスクロールする | | | ↓ | | | | | +---------------------------+
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
