แถบเลื่อนคือแถบแนวตั้งและแนวนอนทางด้านขวา (เมื่อเขียนจากซ้ายไปขวา) และขอบด้านล่างของหน้าต่างหรือพื้นที่แยกต่างหากภายในหน้าต่าง ซึ่งออกแบบมาเพื่อย้ายเนื้อหาในแนวตั้งหรือแนวนอน หน้าเว็บใช้องค์ประกอบ Cascading Style Sheets (CSS) ที่ฝังอยู่ใน HTML เพื่อควบคุมลักษณะที่ปรากฏและพฤติกรรม
คำแนะนำ
ขั้นตอนที่ 1
ใช้แท็ก div หากคุณต้องการทำให้แถบเลื่อนไม่ใช่สำหรับทั้งหน้า แต่สำหรับพื้นที่จำกัดเท่านั้น ใน HTML (HyperText Markup Language) "แท็ก" หมายถึงคำสั่งแต่ละคำสั่งสำหรับเบราว์เซอร์เพื่อแสดงองค์ประกอบของหน้าเฉพาะ ในรูปแบบที่ง่ายที่สุด แท็ก div (มักเรียกว่า "เลเยอร์") ถูกเขียนดังนี้:
นี่คือข้อความภายในเลเยอร์
นี่คือแท็กเปิดและเป็นแท็กปิด ทุกอย่างที่วางอยู่ระหว่างแท็กเปิดและแท็กปิดอยู่ในเลเยอร์เช่นเดียวกับในคอนเทนเนอร์ และคอนเทนเนอร์นี้สามารถกำหนดขนาดได้ - ความกว้างและความสูง ทำได้โดยใช้รูปแบบพารามิเตอร์เพิ่มเติม ("แอตทริบิวต์") ซึ่งควรเพิ่มลงในแท็กเปิด:
นี่คือข้อความภายในเลเยอร์
ขั้นตอนที่ 2
รวมแอตทริบิวต์ style ของแท็ก div และกฎสำหรับแถบเลื่อนของเลเยอร์ด้วย:
นี่คือข้อความภายในเลเยอร์
ล้นที่นี่: อัตโนมัติ หมายความว่าแถบเลื่อนจะปรากฏขึ้นโดยอัตโนมัติ นั่นคือเมื่อเนื้อหาของเลเยอร์ไม่พอดีกับขนาดที่ระบุ หากแทนที่อัตโนมัติด้วยสกรอลล์ แถบเหล่านี้จะปรากฎอยู่เสมอไม่ว่าจะจำเป็นหรือไม่ก็ตาม ค่าที่ซ่อนอยู่จะมีผลตรงกันข้าม - สกรอลล์จะไม่ปรากฏขึ้นแม้ว่าเนื้อหาของคอนเทนเนอร์นี้จะมองไม่เห็นเกินขอบ
ขั้นตอนที่ 3
ใช้วิธีการที่คล้ายกันเพื่อเพิ่มแถบเลื่อนในหน้าโดยรวม โดยค่าเริ่มต้น กฎดังกล่าวจะปรากฏตามความจำเป็น แต่ถ้ามีเหตุผลใดก็ตามที่จำเป็นต้องมีการแสดงตนบนหน้าอย่างต่อเนื่อง กฎของรูปแบบที่เกี่ยวข้องควรถูกเพิ่มลงในซอร์สโค้ด HTML ค้นหาแท็กปิดของส่วนหัวของเอกสารในโค้ดของหน้าและเขียนคำแนะนำรูปแบบเหล่านี้ไว้ข้างหน้า:
ร่างกาย {ล้น: เลื่อน;}