投稿

11月, 2023の投稿を表示しています

リロードでスクロールがリセットされるかテスト

リロードでスクロールがリセットされるかテストするためのコード。 ・History: scrollRestoration プロパティ - Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/History/scrollRestoration <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>リロードでスクロールがリセットされるかテスト</title> <script> if (history.scrollRestoration) { //  history.scrollRestoration = 'manual'; //Firefoxはmanualにしないとリセットされない。 //  history.scrollRestoration = 'auto'; //Edgeはautoにしてもdiv内はリセットされる。 } </script> </head> <body> <div style="width:300px; height:100px; overflow-y:scroll;"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> <p>8</p> <p>9</p> <p>10</p> </div> <div style="margin-top:800px;"> bodyをスクロールさせる </div> </body> </html> 切り替えるための ブックマークレット のコード  javascrip