ไปที่ด้านบนสุดของจาวาสคริปต์หน้าเว็บ
รหัสตัวอย่าง
เลื่อนระดับสูงของหน้าโดยใช้จาวาสคริปต์?
// Get The Id
var topPage = document.getElementById(`top-page`)
// On Click, Scroll to the Top of Page
topPage.onclick = () => window.scrollTo({ top: 0, behavior: 'smooth' })
// On scroll, Show/Hide the button
window.onscroll = () => {
window.scrollY > 500
? (topPage.style.display = 'block')
: (topPage.style.display = 'none')
}
// CSS
body {
background-color: #111;
height:5000px;
}
#top-page {
width: 50px;
position: fixed;
right: 30px;
bottom: 30px;
cursor: pointer;
color: white;
display: none;
}
// HTML
<img id="top-page" src="https://svgshare.com/i/LW3.sv" alt="Top">จาวาสคริปต์ไปที่ด้านบนสุดของหน้า
window.scroll({top: 0, left: 0});
//Or with jQuery
$('html,body').scrollTop(0);
//with animation
$('html, body').animate({ scrollTop: 0 }, 'fast');เลื่อนไปด้านบน
$("#scroll_icon").click(function()
{
jQuery('html,body').animate({scrollTop:0},2000);
})หน้าคล้ายกัน
คล้ายกันหน้ากับตัวอย่าง
ในภาษาอื่นๆ
หน้านี้อยู่ในภาษาอื่นๆ
empty row
Русский
..................................................................................................................
English
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................
Балгарскі
..................................................................................................................
Íslensk
..................................................................................................................
ดังอยู่ในนี้หมวดหมู่
ดังหน้ากับตัวอย่างอยู่ในหมวดหมู่
empty row