CSS scroll-behavior คุณสมบัติ
- หน้าแล้ว @scope
- หน้าต่อไป scroll-margin
การนิยามและวิธีใช้
scroll-behavior มีความหมายว่าเมื่อผู้ใช้คลิกลิงก์ในช่องที่สามารถเลื่อนตัวได้ การเลื่อนตัวจะเป็นรูปแบบที่สะดวกสบาย (ที่มีประสิทธิภาพทางการเคลื่อนไหว) แทนที่จะเลื่อนตัวตรงไปตรงมา
ตัวอย่าง
เพิ่มประสิทธิภาพการเลื่อนตัวสะดวกสบายแก่เอกสาร
html {
scroll-behavior: smooth;
}
CSS บทเขียน
scroll-behavior: auto|smooth|initial|inherit;
ค่าอัตรานิยม
| ค่า | คำอธิบาย |
|---|---|
| auto | ค่าเริ่มต้น |
| smooth | อนุญาตให้มี |
| initial | ตั้งค่าอัตรานิยมนี้เป็นค่าเริ่มต้น initial. |
| inherit | ทำนองรับเอกสารมาจากตัวปลูกแบบบิดาย inherit. |
รายละเอียดเทคโนโลยี
| ค่าเริ่มต้น: | auto |
|---|---|
| เป็นเอกสารต่อ: | ไม่ |
| การสร้างอนุปราย: | ไม่รับรอง。ดูถึง:คุณสมบัติที่เกี่ยวข้องกับอนุปราย. |
| เวอร์ชั่น: | CSSOM View Module（แบบร่างงาน） |
| JavaScript บทเขียน: | object.style.scrollBehavior="smooth" |
การรับรองโปรแกรมบราวเซอร์
ตัวเลขในตารางหมายถึงสมรรถนะการใช้งานครั้งแรกของอัตรานิยมนี้
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- หน้าแล้ว @scope
- หน้าต่อไป scroll-margin
