ตำแหน่งเหนียวทำอะไร?

2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54

องค์ประกอบที่มี ตำแหน่ง : เหนียว ; อยู่ในตำแหน่งตามการเลื่อนของผู้ใช้ ตำแหน่ง . NS เหนียว องค์ประกอบสลับระหว่างญาติและคงที่ ขึ้นอยู่กับ scroll ตำแหน่ง . อยู่ในตำแหน่งสัมพัทธ์จนกว่าจะมีการชดเชยที่กำหนด ตำแหน่ง ถูกพบในวิวพอร์ต - จากนั้น "เกาะติด" เข้าที่ (เช่น ตำแหน่ง :แก้ไขแล้ว).

ในทำนองเดียวกัน ฉันจะทำให้ตำแหน่งของฉันติดหนึบได้อย่างไร

เพื่อดูผลของ ตำแหน่งเหนียว , เลือก ตำแหน่ง : เหนียว ตัวเลือกและเลื่อนคอนเทนเนอร์นี้ องค์ประกอบจะเลื่อนไปพร้อมกับคอนเทนเนอร์ของมัน จนกว่าจะอยู่ที่ด้านบนสุดของคอนเทนเนอร์ (หรือถึงจุดออฟเซ็ตที่ระบุด้านบน) จากนั้นจะหยุดการเลื่อนเพื่อให้มองเห็นได้

รู้ยัง ความแตกต่างระหว่าง position sticky และ fixed ต่างกันอย่างไร? โดยไม่ต้องลงรายละเอียดเฉพาะ ตำแหน่ง : เหนียว โดยพื้นฐานแล้วทำตัวเหมือน ตำแหน่ง : สัมพัทธ์จนกว่าองค์ประกอบจะเลื่อนไปเกินกว่าออฟเซ็ตที่ระบุ ซึ่งในกรณีนี้จะเปลี่ยนเป็น ตำแหน่ง : แก้ไขแล้ว ทำให้องค์ประกอบ "เกาะติด" กับมัน ตำแหน่ง แทนที่จะถูกเลื่อนออกไปให้พ้นสายตา

ในแง่นี้ ฉันสามารถใช้ตำแหน่ง CSS ที่ติดหนึบได้ไหม

CSS

รองรับใน Firefox, Safari และ Chrome Canary (56+) ตำแหน่ง CSS : เหนียว รองรับใน Firefox, Safari และ Chrome Canary (56+)

Webkit เหนียวคืออะไร?

ตำแหน่ง : เหนียว เป็นวิธีใหม่ในการ ตำแหน่ง องค์ประกอบและมีแนวความคิดคล้ายกับ ตำแหน่ง : แก้ไขแล้ว. ความแตกต่างคือองค์ประกอบที่มี ตำแหน่ง : เหนียว ทำตัวเหมือน ตำแหน่ง : สัมพันธ์กันภายในพาเรนต์ จนกว่าจะถึงขีดจำกัดออฟเซ็ตที่กำหนดในวิวพอร์ต