วีดีโอ: ฉันจะทำให้ตำแหน่งของฉันติดหนึบได้อย่างไร
2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54
เพื่อที่จะได้เห็น NS ผลกระทบของ เหนียว ตำแหน่งเลือก ตำแหน่ง : เหนียว ตัวเลือกและเลื่อนคอนเทนเนอร์นี้ NS องค์ประกอบจะเลื่อนไปพร้อมกับคอนเทนเนอร์ของมัน จนกระทั่งอยู่ที่ NS ด้านบนของ NS ภาชนะ (หรือถึง NS ออฟเซ็ตที่ระบุไว้ด้านบน) จากนั้นจะหยุดการเลื่อนเพื่อให้มองเห็นได้
ยิ่งไปกว่านั้น ฉันสามารถใช้ Position Sticky ได้หรือไม่?
รองรับเบราว์เซอร์ ตำแหน่ง Sticky ได้รับการสนับสนุนโดยเบราว์เซอร์สมัยใหม่ที่สำคัญทั้งหมด ยกเว้น IE รุ่นเก่า สำหรับเบราว์เซอร์ Safari คุณ จะ ต้องเพิ่มคำนำหน้า -webkit
เหตุใดตำแหน่งของฉันจึงไม่ทำงาน ดังนั้นในกรณีที่คุณตกอยู่ในสถานการณ์ที่ ตำแหน่ง : -webkit- เหนียวไม่ทำงาน , การเตือนล่วงหน้า: ตรวจสอบเพื่อดูว่าองค์ประกอบที่คุณต้องการ ตำแหน่ง เช่น เหนียว เป็น ไม่ ลูกขององค์ประกอบหลักที่มีการตั้งค่าโอเวอร์โฟลว์ซ่อนอยู่ นอกจากนี้ คุณต้องตั้งค่าคุณสมบัติด้านบนขององค์ประกอบที่คุณต้องการ ตำแหน่งเหนียว.
อีกอย่างที่รู้คือคุณทำให้องค์ประกอบติดหนึบได้อย่างไร?
ถึง ทำ NS องค์ประกอบเหนียว , ทำ : make_sticky('# เหนียว -elem-id'); เมื่อ ธาตุ กลายเป็น เหนียว รหัสจะจัดการตำแหน่งของเนื้อหาที่เหลือเพื่อไม่ให้กระโดดเข้าไปในช่องว่างที่เหลือโดย องค์ประกอบเหนียว . นอกจากนี้ยังส่งคืน องค์ประกอบเหนียว สู่ความเป็นต้นฉบับ เหนียว ตำแหน่งเมื่อเลื่อนกลับด้านบน
ตำแหน่งเหนียวทำอะไร?
องค์ประกอบที่มี ตำแหน่ง : เหนียว ; อยู่ในตำแหน่งตามการเลื่อนของผู้ใช้ ตำแหน่ง . NS เหนียว องค์ประกอบสลับระหว่างญาติและคงที่ ขึ้นอยู่กับ scroll ตำแหน่ง . อยู่ในตำแหน่งสัมพัทธ์จนกว่าจะมีการชดเชยที่กำหนด ตำแหน่ง ถูกพบในวิวพอร์ต - จากนั้น "เกาะติด" เข้าที่ (เช่น ตำแหน่ง :แก้ไขแล้ว).