ユーザーが最後に残したコンテンツが自動的に復元され、Web サイトはそのコンテンツにジャンプします

Question

HTML と CSS で、ユーザーがページを閲覧した後にそのページを離れて再度開いたときに、そのページがユーザーが最後に注目していた段落に読み込まれるようにするにはどうすればよいですか?

Answer 1

これを HTML と CSS だけで行うのは不可能です。ただし、フロントエンド JavaScript と Cookie を使用すれば可能です。

メインコンテンツ要素のscrollTopとscrollLeftをドキュメントCookieに定期的に保存します。ドキュメントが読み込まれると、Cookie を解析し、scrollTo メソッドを使用してスクロールを再開します。