「zeit/swr」のpagination exampleでScroll Position Restoreを試す - Qiita

「zeit/swr」のpagination exampleでScroll Position Restoreを試す - Qiita

こちらはNext.js Advent Calendar 2019の22日目の記事です。 はじめに 例えばYoutubeをスマホで見ていた...概要を表示 こちらはNext.js Advent Calendar 2019の22日目の記事です。 はじめに 例えばYoutubeをスマホで見ていたときに、↓のように一度ページ遷移をしてからブラウザバックしたときにスクロール位置が一番上まで戻ってしまった経験はないでしょうか。 これはSPAが抱える課題の1つで、解決するためには「Scroll Position Restore」と呼ばれる「スクロール位置の保持」とその「リストア（復元）」が必要です。 また、それ以外にも「もっと読む」などで画面内に非同期で要素が追加された場合はその要素も合わせて復元しないと正しいスクロール位置には戻れません。これには複雑なStateの管理も必要になってきます。 このように「Scroll Position Restore」を実現するにはいくつか超えなくてはいけない壁があります。 zeit/swr の登場 2019年10月、

• js
• qiita
• data
• development
• javascript