div เลื่อนตาม Scroll bar ด้วย position: fixed

สอนเขียน CSS กำหนดให้ div เลื่อนตาม Scroll bar โดยใช้คำสั่ง position: fixed โดยตัวอย่างจะกำหนดอยู่ตรงตำแหน่งขวา-ล่างของหน้าเว็บไซต์แบบติดตลอดและ เลื่อนตาม Scroll bar สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง div เลื่อนตาม Scroll bar ด้วย position: fixed

<style>
    .fixed {
        position: fixed;
        bottom: 0px;
        right: 0px;
        padding: 10px;
        background: #ccc;
    }
</style>

<div class="fixed">div เลื่อนตาม Scroll bar</div>

โค้ดด้านบนกำหนด position: fixed เพื่อทำให้ div อยู่กับที่ส่งผลให้เวลาผู้ใช้งานเลื่อนหน้าเว็บไซต์ ทำให้ดูเหมือน div เลื่อนตาม Scroll bar จากนั้นกำหนดตำแหน่งโดยให้ bottom และ right มีค่าเท่ากับ 0 ทำให้ div อยู่ตำแหน่งขวา-ล่าง ของหน้าเว็บไซต์ตลอดเวลา