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

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

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

นอกจากนี้ Position Stick ทำหน้าที่อะไร?

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

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

ฉันสามารถใช้ตำแหน่งเหนียวได้หรือไม่?

รองรับเบราว์เซอร์ ตำแหน่ง Sticky ได้รับการสนับสนุนโดยเบราว์เซอร์สมัยใหม่ที่สำคัญทั้งหมด ยกเว้น IE รุ่นเก่า สำหรับเบราว์เซอร์ Safari คุณ จะ ต้องเพิ่มคำนำหน้า -webkit

ตำแหน่ง Sticky และ Fixed ต่างกันอย่างไร?

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