Home » , » โค้ด Position fixed ให้อยู่ในตำแหน่งที่ต้องการของหน้าจอแบบ fixed

โค้ด Position fixed ให้อยู่ในตำแหน่งที่ต้องการของหน้าจอแบบ fixed

โค้ด "Position fixed" คือการกำหนดภาพ หรือ วีดีโอ หรือ คอนเทนต์อื่นๆ ให้อยู่ในตำแหน่งที่ต้องการของหน้าจอแบบ fixed ไม่เลื่อนขึ้น-ลง ไปตามหน้าเว็บ

คัดลอกโค้ดไปใช้ได้เลยครับ
<div style="display:scroll;left:5px;position:fixed;top:1px;">
ใส่เนื้อหา
</div>

อธิบายการกำหนดตำแหน่ง
left:5px(ระยะชิดซ้าย) right:5px(ระยะชิดขวา) left:50%(กึ่งกลางจากซ้าย) right:50%(กึ่งกลางจากขวา)
top:1px (ระยะชิดบน) bottom:1px(ระยะชิดล่าง)

*ท่านสามารถปรับเปลี่ยน px และตำแหน่งได้ตามความเหมาะสม ของลักษณะการใช้งานได้ครับ

ตัวอย่าง
<div style="display:scroll;left:5px;position:fixed;top:1px;">
<img border="0" src="https://1.bp.blogspot.com/-Vao5m1PlNpo/V9tQM7inmyI/AAAAAAAATFE/4FXzq_ieQakz-1GjfDbUg9KxKGGXzjBrACLcB/s90/web-fixed.png" />
<div>




0 ความคิดเห็น:

แสดงความคิดเห็น

วันนี้