比如有一個頁面,滾動條在body上,當頁面滾動到下方時,如何在刷新后使頁面滾動回初始位置?已嘗試但是失效的方案:$("body").scrollTop(0);window.scrollTo(0,0);document.body.scrollTop=0;除了頁面跳轉,還有什么方法才能讓頁面刷新后復位到初始位置?上一個示例代碼<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>刷新頁面滾動條復位</title> <style> *{margin: 0;padding:0;} html,body{height: 100%;} .box{ width: 50px; height: 3000px; margin: 0 auto; background-color: red; } </style></head><body> <p>000000====---- top -----====0000000</p> <div class="box"></div> <script> window.onload=function(){ if(document.body.scrollTop>0){ console.log(1); window.scrollTo(0,-1); document.body.scrollTop=0; } window.scrollTo(0,-1); document.body.scrollTop=0; } </script></body></html>
頁面刷新后,使頁面自動滾回到頂部
繁花不似錦
2018-11-15 13:15:33