เขียนเนื้อหา Fixed css
นี่คือข้อมูลบางส่วนเกี่ยวกับตำแหน่ง: Fixed css
ตำแหน่ง: ค่าคงที่เป็นหนึ่งในสี่ค่าที่เป็นไปได้สำหรับคุณสมบัติตำแหน่งใน CSS เมื่อองค์ประกอบอยู่ในตำแหน่งคงที่ องค์ประกอบนั้นจะถูกวางตำแหน่งโดยสัมพันธ์กับวิวพอร์ต (เช่น หน้าต่างเบราว์เซอร์) และยังคงอยู่ในตำแหน่งเดิมแม้ว่าผู้ใช้จะเลื่อนหน้าก็ตาม
นี่คือตัวอย่างวิธีใช้ตำแหน่ง:Fixed
//css
div {
position: fixed;
top: 0;
left: 0;
}
ในตัวอย่างนี้ เราได้เลือกองค์ประกอบ
ทั้งหมดและกำหนดตำแหน่งเป็นคงที่ นอกจากนี้เรายังได้วางตำแหน่งไว้ที่มุมซ้ายบนของวิวพอร์ตโดยใช้คุณสมบัติด้านบนและซ้าย
โดยทั่วไปจะใช้การวางตำแหน่งคงที่เพื่อสร้างองค์ประกอบที่ยังคงมองเห็นได้บนเพจแม้ในขณะที่ผู้ใช้เลื่อนดู ตัวอย่างเช่น ส่วนหัวของเว็บไซต์หรือแถบนำทางอาจมีตำแหน่งคงที่เพื่อให้ยังคงมองเห็นได้ที่ด้านบนของหน้าตลอดเวลา
สิ่งสำคัญคือต้องทราบว่าองค์ประกอบคงที่จะถูกลบออกจากโฟลว์ของหน้าปกติ และไม่ส่งผลกระทบต่อการวางตำแหน่งขององค์ประกอบอื่นๆ ซึ่งหมายความว่าหากเรามีองค์ประกอบคงที่หลายรายการ องค์ประกอบเหล่านั้นอาจทับซ้อนกันหากเราไม่ระมัดระวังในการวางตำแหน่ง
โดยรวมแล้ว Position: ค่าคงที่เป็นเครื่องมือที่มีประสิทธิภาพสำหรับการสร้างองค์ประกอบที่มีตำแหน่งคงที่บนหน้าเว็บ ด้วยการใช้ค่านี้และคุณสมบัติด้านบน ขวา ล่าง และซ้าย เราสามารถสร้างองค์ประกอบที่ยังคงมองเห็นได้และอยู่ในตำแหน่งคงที่บนเพจ แม้ว่าผู้ใช้จะเลื่อนดูก็ตาม
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2024 Blockdit
