วิธีการวาดแถบเลื่อนแนวตั้ง

ผู้เขียน: Joan Hall
วันที่สร้าง: 3 มกราคม 2021
วันที่อัปเดต: 6 พฤศจิกายน 2024
Anonim
หนูยิ้มหนูแย้ม | วาดรูปเจ้าหญิง บนกระดานวาดรูปใหม่
วิดีโอ: หนูยิ้มหนูแย้ม | วาดรูปเจ้าหญิง บนกระดานวาดรูปใหม่

เนื้อหา

แถบเลื่อนจะปรากฏบนหน้าเว็บโดยอัตโนมัติ แถบด้านขวาของหน้าของคุณคือแถบแนวตั้งในขณะที่อีกแถบที่ด้านล่างเป็นแนวนอน คุณสมบัติโอเวอร์โฟลว์ของ CSS ช่วยให้คุณสามารถซ่อนหรือเปิดเผยเนื้อหา แกน y ของคุณสมบัติโอเวอร์โฟลถูกใช้เป็นพิเศษสำหรับพื้นที่แนวตั้ง คุณสามารถกำจัดแถบเลื่อนแนวตั้งพร้อมกันหรืออนุญาตให้แสดงเนื้อหาของหน้าเฉพาะเมื่อมันล้นบนหน้าจอ เมื่อคุณลบออกไปพร้อม ๆ กันผู้ใช้จะไม่สามารถดูเนื้อหาได้หากอยู่นอกขอบเขตหน้าจอ


คำสั่ง

  1. เปิดไฟล์ HTML ที่คุณต้องการแก้ไขในตัวแก้ไขข้อความเช่น Notepad, TextPad หรือ EditPad

  2. ป้อนรหัสต่อไปนี้ระหว่างการเปิดและปิดแท็ก HEAD ของไฟล์ HTML ของคุณ มันซ่อนแถบเลื่อนแนวตั้งอย่างสมบูรณ์

    พิมพ์ = "text / CSS">
  3. แทนที่ "hidden" ด้วย "auto" เพื่อซ่อนแถบเลื่อนแนวตั้งเมื่อเนื้อหามีความเหมาะสมภายในหน้าจอดังนี้:

    พิมพ์ = "text / CSS">

สิ่งที่คุณต้องการ

  • แก้ไขข้อความ