ล็อคแถบเลื่อนผ่าน HTML

ผู้เขียน: Virginia Floyd
วันที่สร้าง: 9 สิงหาคม 2021
วันที่อัปเดต: 10 พฤษภาคม 2024
Anonim
Tilt Effect on Mouse Over (HTML, CSS and JavaScript)
วิดีโอ: Tilt Effect on Mouse Over (HTML, CSS and JavaScript)

เนื้อหา

หน้าอินเทอร์เน็ตบางหน้าถูกสร้างขึ้นเพื่อให้พอดีกับหน้าเบราว์เซอร์เดียว หน้าจอที่มีความละเอียดมากกว่าจะลบแถบเลื่อนโดยอัตโนมัติ อย่างไรก็ตามนักพัฒนาบางรายต้องการให้แน่ใจว่าผู้เข้าชมไม่สามารถเลื่อนเมื่อความละเอียดลดลง สิ่งนี้สามารถทำได้โดยบรรทัดของโค้ด HTML


แถบเลื่อนอยู่ทางด้านขวาของเบราว์เซอร์ (รูปภาพ Comstock / Comstock / Getty)

ฟังก์ชั่น

แถบเลื่อนแนวตั้งทางด้านขวาของเบราว์เซอร์ช่วยให้ผู้ใช้เลื่อนหน้าขึ้นและลง แถบจะให้ตัวเลือกในการดูเนื้อหาที่ไม่สามารถแสดงได้ในหน้าต่างเดียว ในขั้นต้นแถบถูกเรียกว่า "จัดการ" สำหรับผู้ใช้ GUI คนแรก ส่วนประกอบของมันเคลื่อนที่ภายในแกน

การเคลื่อนไหว

มีสี่วิธีในการย้ายแถบเลื่อน: คลิกแถบด้วยเมาส์โดยการลากขึ้นหรือลง คลิกที่ลูกศรด้านบนหรือด้านล่างที่ด้านล่างของแถบเลื่อน ปุ่มลูกศรขึ้นหรือลงบนคีย์บอร์ด เลื่อนล้อเลื่อนที่หนูบางคนมี แม้ว่าวิธีการจะแตกต่างกันพวกเขาทั้งหมดให้ผลลัพธ์เดียวกัน

ล็อค

มีวิธีล็อคแถบเลื่อนโดยไม่คำนึงถึงปริมาณเนื้อหาบนหน้าเว็บ รหัสนี้จะต้องเพิ่มระหว่างแท็ก และ :

รหัสสไตล์บอกให้เบราว์เซอร์ไม่แสดงเนื้อหาใด ๆ นอกเหนือจากการดูหน้าสุดท้าย เนื้อหาอื่นนอกเหนือจากมุมมองเริ่มต้นจะถูกตัดออก


การปรับแต่ง

มีวิธีเพิ่มเติมในการปรับแต่งแถบเลื่อนรวมถึงสีเริ่มต้น สิ่งนี้ต้องใช้รหัสลักษณะแบบเรียงซ้อนที่เพิ่มเข้าไปในหน้าเว็บ Internet Explorer รองรับแถบเลื่อนสีเนื่องจาก Firefox ไม่รองรับ