บ้าน / อินเทอร์เน็ต / การพัฒนาเว็บ / ฉันจะเพิ่มแถบเลื่อน

วิธีการเพิ่มแถบเลื่อน

/
120 เข้าชม

วิธีการเพิ่มแถบเลื่อน</a>

แถบเลื่อน (เลื่อนบาร์) - แนวตั้งและแถบแนวนอนวางไว้ตามทางขวา (ด้วยตัวอักษรจากซ้ายไปขวา) และขอบล่างของหน้าต่างหรือพื้นที่เฉพาะภายในหน้าต่างที่ออกแบบมาเพื่อย้ายเนื้อหาในแนวตั้งหรือแนวนอน

เพื่อควบคุมลักษณะและพฤติกรรมของพวกเขาในหน้าเว็บที่ใช้องค์ประกอบของภาษาสไตล์ชีต CSS (Cascading ผ้าสไตล์ - « Cascading ผ้าสไตล์ ") ที่ฝังอยู่ในภาษาของ HTML

การเรียนการสอน

    1

ใช้แท็ก div ถ้าคุณต้องการที่จะทำให้แถบไม่เลื่อนทั้งหน้า แต่สำหรับ จำกัด ขอบเขต ในภาษาของ HTML (HyperText Markup Language - «ไฮเปอร์มาร์กอัปภาษา ") 'แท็ก' หมายถึงคำสั่งให้บุคคลที่จะเบราว์เซอร์ที่จะแสดงองค์ประกอบของหน้าโดยเฉพาะอย่างยิ่ง ใน div แท็กรูปแบบที่ง่ายที่สุด (มันก็มักจะเรียกว่า "ชั้น") เป็นลายลักษณ์อักษรดังนี้
& Lt-div & gt นี้ข้อความให้อยู่ในชั้นและ lt- / div & GT-
นี่ & lt-div & GT- - เปิดแท็กและและ Lt- / div & GT- - ปิด ทุกสิ่งที่อยู่ระหว่างการเปิดและปิดแท็กจะอยู่ในชั้นในภาชนะบรรจุและภาชนะที่สามารถตั้งค่าขนาด - กว้างและความสูง นี้จะกระทำผ่านพารามิเตอร์เพิ่มเติม ( "แอตทริบิวต์») รูปแบบที่ควรจะเพิ่มแท็กเปิด:
& สไตล์ LT-div = »ความกว้าง: ความสูง 300px-: 300px - « & GT-

ข้อความนี้อยู่ภายในชั้น

และ Lt- / div & GT-

    2

ระบุแอตทริบิวต์สำหรับแท็กวงดนตรีสไตล์ div และชั้นเลื่อนขวาเกินไป:
& สไตล์ LT-div = »ความกว้าง: ความสูง 400px-: ล้น 200px-: รถยนต์ - « & GT-

ข้อความนี้อยู่ภายในชั้น

และ Lt- / div & GT-
นี่ล้น:อัตโนมัติหมายความว่าแถบเลื่อนจะปรากฏขึ้นโดยอัตโนมัตินั่นคือเมื่อเนื้อหาของชั้นจะไม่พอดีกับขนาดที่ระบุ หากอัตโนมัติแทนที่เลื่อนแถบเหล่านี้มักจะถูกนำเสนอโดยไม่คำนึงถึงว่าพวกเขามีความจำเป็นหรือไม่ ค่าที่ซ่อนอยู่จะมีผลตรงข้าม - เลื่อนจะไม่ปรากฏแม้ว่าเนื้อหาของภาชนะที่จะไม่ได้เห็นขอบ

    3

ใช้วิธีการเดียวกันและเพื่อเพิ่มแถบเลื่อนไปทั้งหน้า โดยค่าเริ่มต้นที่ปรากฏตามความจำเป็น แต่ถ้าด้วยเหตุผลใดก็ตามที่มีความจำเป็นในการปรากฏตัวของพวกเขาอย่างต่อเนื่องบนหน้ามา HTML โค้ดควรจะเพิ่มการปกครองรูปแบบที่สอดคล้องกัน ค้นหาในรหัสหน้าแท็กปิดของส่วนหัวของเอกสารและ lt- / หัวและ GT- และก่อนที่เขาเขียนคำแนะนำสำนวนเหล่านี้:
และประเภท LT-style = »ข้อความ css / » & gt ร่างกาย {ล้น: เลื่อน -} & lt- / สไตล์ & GT-

วิธีการเพิ่มแถบเลื่อน มันได้รับการปรับปรุงครั้งสุดท้าย: 20 มิถุนายน 2017 โดย lorvouzf
มันเป็นหลักข้อความส่วนท้ายภาชนะภายใน