jQuery scrollTop()เมธอด
ตัวอย่าง
กลับตำแหน่งแถบเลื่อนแนวตั้งสำหรับ <div> องค์ประกอบ:
$("button").click(function(){
alert($("div").scrollTop());
});
ความหมายและการใช้งาน
วิธี scrollTop() ตั้งค่าหรือส่งคืนตำแหน่งแถบเลื่อนแนวตั้งสำหรับองค์ประกอบที่เลือก
เคล็ดลับ:เมื่อแถบเลื่อนอยู่ด้านบน ตำแหน่งจะเป็น 0
เมื่อใช้เพื่อคืนตำแหน่ง:
วิธีการนี้จะคืนค่าตำแหน่งแนวตั้งของแถบเลื่อนสำหรับองค์ประกอบที่ตรงกันครั้งแรก
เมื่อใช้เพื่อกำหนดตำแหน่ง:
วิธีนี้จะกำหนดตำแหน่งแนวตั้งของแถบเลื่อนสำหรับองค์ประกอบที่ตรงกันทั้งหมด
ไวยากรณ์
กลับตำแหน่งแถบเลื่อนแนวตั้ง:
$(selector).scrollTop()
กำหนดตำแหน่งแถบเลื่อนแนวตั้ง:
$(selector).scrollTop(position)
Parameter | Description |
---|---|
position | Specifies the vertical scrollbar position in pixels |
ลองด้วยตัวคุณเอง - ตัวอย่าง
วิธีกำหนดตำแหน่งแถบเลื่อนแนวตั้งสำหรับองค์ประกอบ
วิธีสลับระหว่างชั้นเรียนในตำแหน่งเลื่อนต่างๆ
ใช้ animate() ร่วมกับ scrollTop() เพื่อเพิ่มการเลื่อนที่ราบรื่นไปยังลิงก์