Jawaban:
Anda dapat mengatur scrollTop
, seperti ini:
$('html,body').scrollTop(0);
Atau jika Anda ingin sedikit animasi alih-alih snap ke atas:
$('html, body').animate({ scrollTop: 0 }, 'fast');
html
dan gaya Anda body
. kalau tidak gunakan $(window)
saja.
scroll
ada dalam standar CSSOM sementara scrollTo
awalnya didefinisikan dalam DOM Level 0 dan bukan bagian dari standar apa pun. Namun, CSSOM termasuk scrollTo
untuk kompatibilitas ke belakang.
scroll
didukung secara luas. Lihat stackoverflow.com/q/1925671/41906
window && window.scroll(0,0);
dapat diterima dalam model tampilan saya.
Anda bisa melakukannya tanpa javascript dan cukup menggunakan jangkar tag? Maka itu akan dapat diakses oleh mereka js gratis.
meskipun saat Anda menggunakan modals, saya menganggap Anda tidak peduli tentang menjadi js gratis. ;)
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
$('html, body').animate({scrollTop:0}, 'slow');
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 15px;
border-radius: 4px;
}
#myBtn:hover {
background-color: #555;
}
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<div style="background-color:black;color:white;padding:30px">Scroll Down</div>
<div style="background-color:lightgrey;padding:30px 30px 2500px">This example demonstrates how to create a "scroll to top" button that becomes visible when the user starts to scroll the page.</div>
Saya tahu ini sudah tua, tetapi bagi mereka yang memiliki masalah di Edge:
JS Biasa: window.scrollTop=0;
Sayangnya, scroll()
dan scrollTo()
membuang kesalahan di Edge.