บทความบทนำของ wulin.com (www.vevb.com): ลบแถบเลื่อนแนวนอนของ iframe และเก็บแถบเลื่อนแนวตั้ง
1. การตั้งค่าเมื่อเนื้อหาล้นล้น (ตั้งค่าว่าวัตถุที่ตั้งค่าจะแสดงแถบเลื่อน)การตั้งค่าเมื่อเนื้อหาแนวนอนล้นล้นล้นล้น
การตั้งค่าเมื่อเนื้อหาแนวตั้งล้นล้นล้น
ค่าที่ตั้งค่าโดยแอตทริบิวต์สามข้างต้นสามารถมองเห็นได้ (ค่าเริ่มต้น), เลื่อน, ซ่อนและอัตโนมัติ
2. Scrollbar-3D-Light-Color สีสดใสของแถบเลื่อนสามมิติ (ตั้งค่าสีของแถบม้วน)
แถบสีม่วงของลูกศรสีของลูกศรสามเหลี่ยมที่ด้านบนของปุ่ม
แถบสกรอลเบส-สีแถบสี
แถบเลื่อน------------สี-สี-สี-สีสกรอลสีเงาสีที่แข็งแรง
สีแถบสี-หน้าสีของส่วนนูนของแถบเลื่อนสามมิติ
แถบเลื่อนสีน้ำตาล-สีสันของส่วนว่างของแถบเลื่อน
แถบเลื่อนสีสันของแถบสีสัน
คุณสมบัติสไตล์ข้างต้นมีการอธิบายผ่านตัวอย่างหลายตัวอย่าง:
1. ทำให้หน้าต่างเบราว์เซอร์ไม่ปรากฏแถบเลื่อน
ไม่มีแถบเลื่อนแนวนอน
<body style = overflow-x: ซ่อน>
ไม่มีแถบเลื่อนแนวตั้ง
<body style = overflow-y: ซ่อน>
ไม่มีแถบเลื่อน
<body style = overflow-x: hidden; overflow-y: ซ่อน> หรือ <body
Style = Overflow: ซ่อน>
2. ตั้งแถบเลื่อนของกล่องข้อความหลายบรรทัด
ไม่มีแถบเลื่อนแนวนอน
<textarea style = overflow-x: hidden> </textarea>
ไม่มีแถบเลื่อนแนวตั้ง
<textarea style = overflow-y: hidden> </ceplarea>
ไม่มีแถบเลื่อน
<textarea style = overflow-x: hidden; overflow-y: ซ่อน> </textarea>
หรือ <textarea style = overflow: hidden> </ceplarea>
3. ตั้งค่าสีของแถบเลื่อนหน้าต่าง
ตั้งค่าสีของแถบเลื่อนหน้าต่างเป็นสีแดง <body style = scrollbar-base-color: สีแดง>
แถบแถบสีฐานตั้งค่าสีพื้นฐาน โดยทั่วไปจะต้องมีการตั้งค่าคุณสมบัตินี้เพื่อให้บรรลุวัตถุประสงค์ในการเปลี่ยนสีแถบม้วน
เพิ่มเอฟเฟกต์พิเศษ:
<body style = scrollbar-arrow-color: สีเหลือง; scrollbar-base-color: Lightsalmon>
4. กำหนดคลาสในไฟล์ Stylesheet และโทรหา Stylesheet
<style>
.Coolscrollbar {Scrollbar-arrow-color: สีเหลือง; Scrollbar-base-color: Lightsalmon;}
</style>
เรียกเช่นนี้:
<textarea class = coolscrollbar> </textarea>