คุณสมบัติ scrollBehavior
- หน้าก่อน right
- หน้าต่อไป tableLayout
- กลับไปยังชั้นบน HTML DOM Style 对象
การกำหนดและการใช้งาน
scrollBehavior คุณสมบัติกำหนดว่ามีการเคลื่อนไหวที่ยุ่งยานหรือไม่เมื่อผู้ใช้คลิกลิงก์ในกล่องหลอดที่สามารถหลอดได้
ดูเพิ่มเติม
คู่มือ CSSคุณสมบัติ scroll-behavior
ตัวอย่าง
เพิ่มประสิทธิภาพการหลอดเร็วที่สะดวกในหน้าเว็บ
document.documentElement.style.scrollBehavior = "smooth";
รูปแบบ
object.style.scrollBehavior = "auto|smooth|initial|inherit"
ค่าคุณสมบัติ
| ค่า | การอธิบาย |
|---|---|
| auto | ปริยาย ปล่อยให้มีการกระโดดเข้าชมองค์ประกอบภายในตัวกล่องหลอดโดยตรง |
| smooth | ปล่อยให้มีการแอนิเมชันที่ยุ่งยานระหว่างองค์ประกอบภายในตัวกล่องหลอด |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าปริยาย โปรดดู initial。 |
| inherit | ที่มีคุณสมบัตินี้มาจากองค์ประกอบเพื่อนบิดาของเขา โปรดดู inherit。 |
การสนับสนุนเบราเซอร์
ตารางจะระบุสัปดาห์ที่อัปเดตความสามารถแรกของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้เต็มทั้งหมด。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- หน้าก่อน right
- หน้าต่อไป tableLayout
- กลับไปยังชั้นบน HTML DOM Style 对象
