ซ่อน scrollbar HTML ไม่ให้ scrollbar ทำงาน ด้วย CSS

ซ่อน scrollbar HTML ไม่ให้ scrollbar ทำงาน ด้วย CSS บทความนี้สอนวิธีซ่อน หรือปิดการใช้งาน scrollbar ด้วยคำสั่ง overflow ของ CSS คือ ถ้าข้อมูลเกินขอบเขตให้ซ่อนเนื้อหาทำให้ scrollbar ไม่แสดง สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง ซ่อน scrollbar HTML ไม่ให้ scrollbar ทำงาน ด้วย CSS

<style>
    body {
        overflow: hidden;
    }    
</style>

ซ่อน scrollbar HTML จากตัวอย่างกำหนด overflow: hidden ให้กับแท็ก body ของเว็บไซต์ หมายความว่าถ้าข้อมูลภายในเว็บไซต์เกินขนาดหน้าจอให้ hidden หรือซ่อนข้อมูลส่วนที่เกินทั้งหมด ส่งผลทำให้ scrollbar ไม่แสดง เป็นการซ่อน scrollbar HTML หรือไม่ให้ scrollbar ทำงาน