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