首頁猿問 chrome如何實現(xiàn)頁面刷新自動回...

chrome如何實現(xiàn)頁面刷新自動回到頂部？

Html5 JavaScript

月華流照J(rèn)un 2018-12-05 16:19:40

怎么在實現(xiàn)頁面刷新后滾動條回到最頂部？似乎修改scrollTop在chrome中用不了。<div style="width: 100%; height: 2000px; background-color: red;"></div><script>? ?????window.onload = function(){????????????document.documentElement.scrollTop = 0;????????}</script>

查看完整描述

1 回答

聰明的湯姆

TA貢獻(xiàn)112條經(jīng)驗獲得超33個贊

//?滾動到頂部
window.scrollTo(0,?0);

//?平滑滾動到頂部
window.scrollTo({?top:?0,?left:?0,?behavior:?'smooth'?});

這是我的一篇有關(guān)滾動的文章，可以去看看

望采納！

反對回復(fù) 2018-12-06

月華流照J(rèn)un
你好，感謝回答，但是我試了一下在chrome中依然用不了，firefox中可以實現(xiàn)，也許是我版本的問題。目前使用的是版本 67.0.3396.99（正式版本）（64 位）該版本

回復(fù) 2018-12-10
聰明的湯姆
我的chrome可以喔，按道理說chrome是兼容性最好的了呀

回復(fù) 2018-12-10
月華流照J(rèn)un
我直接將上面代碼中的document....替換成window.scrollTo(0,0)不可以，只有設(shè)置一個按鈕添加點擊事件能實現(xiàn)回到頂部

回復(fù) 2018-12-12