ความหมาย: ความสูงของแถบเลื่อน
ฟังก์ชั่น: สกรอลล์โหลด (AJAX), การนำทางเลื่อนตำแหน่งคงที่การวางตำแหน่งการเลื่อนตำแหน่งกระสุนปืน ฯลฯ
แสดงผลของการนำทางเลื่อนและแถบด้านข้างเลื่อนตำแหน่งคงที่:
1. เบราว์เซอร์ Chrome
ทั้ง document.body.scrolltop และ document.documentelement.scrolltop ก็โอเค
2. ความแตกต่างระหว่าง scrolltop ในแต่ละเบราว์เซอร์
IE6/7/8/9/10:
สำหรับหน้าเว็บที่ไม่มีการประกาศ doctype คุณสามารถใช้ document.body.scrolltop เพื่อรับความสูง scrolltop;
สำหรับหน้าเว็บที่มีการประกาศ doctype คุณสามารถใช้ document.documentelement.scrolltop;
ซาฟารี:
Safari ค่อนข้างพิเศษและมีฟังก์ชั่นของตัวเองที่จะได้รับ scrolltop: window.pageyoffset;
Firefox:
Firefox และเบราว์เซอร์มาตรฐานอื่น ๆ นั้นไม่มีความกังวลมากขึ้นเพียงแค่ใช้โดยตรง
document.documentelement.scrolltop;
3. รับค่า scrolltop
สมบูรณ์แบบในการรับวลีที่ได้รับมอบหมาย Scrolltop:
var scrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop;
PS: ปัญหาในการใช้ Scrolltop ใน JavaScript
document.documentelement.scrolltop หมายถึงพิกัดแนวตั้งของแถบเลื่อน
document.documentelement.clientheight หมายถึงความสูงของพื้นที่ที่มองเห็นได้ของเบราว์เซอร์
document.documentelement.clientheight-odiv เป็นพิกัดแนวตั้งเริ่มต้นของกล่องระงับ (เทียบกับค่าสูงสุดของร่างกาย) (ค่านี้ได้รับการแก้ไข)
อย่างไรก็ตามเมื่อคุณดึงแถบเลื่อนพิกัดแนวตั้ง (เป้าหมาย) ของเฟรมลอยจะต้องเพิ่มขึ้นหรือลดลงตามพิกัดเริ่มต้นเพื่อให้ได้ผลของการเลื่อนด้วยสายตาด้วยแถบเลื่อน ค่าที่เพิ่มขึ้นหรือลดลงคือระยะทางที่แถบเลื่อนดึงนั่นคือ scrolltop ของคุณ
ให้ฉันบอกคุณว่าความแตกต่างระหว่าง scrolltop และ Offsettop ใน JavaScript
Scrolltop หมายถึงระยะทางที่บล็อกที่เลื่อนได้เลื่อนลงเช่นเลื่อนลง 10 พิกเซลจากนั้นค่าแอตทริบิวต์ Scrolltop ขององค์ประกอบนี้คือ 10;
Offsettop เป็นระยะห่างที่แน่นอนระหว่างขอบด้านบนขององค์ประกอบและขอบด้านบนขององค์ประกอบหลัก
ทั้งสองไม่ได้อธิบายสิ่งเดียวกันดังนั้นจึงไม่มีการเปรียบเทียบ
ข้างต้นเป็นคำอธิบายแบบเต็มของ scrolltop ใน JavaScript แนะนำให้คุณรู้จักโดยบรรณาธิการ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณต้องการทราบข้อมูลเพิ่มเติมโปรดใส่ใจกับ wulin.com!