在此页

• 参考
• 指南
• 规范
• 浏览器兼容性
• 相关话题

CSS Scroll Snap is a module of CSS that introduces scroll snap positions, which enforce the scroll positions that a scroll container ’s scrollport may end at after a scrolling operation has completed.

注意 : The previous version of this module was called Scroll Snap Points and has been deprecated. CSS Scroll Snap is the current implementation.

参考

CSS Properties on Containers

• scroll-snap-type
• scroll-snap-stop
• scroll-padding
• scroll-padding-top
• scroll-padding-right
• scroll-padding-bottom
• scroll-padding-left
• scroll-padding-inline
• scroll-padding-inline-start
• scroll-padding-inline-end
• scroll-padding-block
• scroll-padding-block-start
• scroll-padding-block-end

CSS Properties on Children

• scroll-snap-align
• scroll-margin
• scroll-margin-top
• scroll-margin-right
• scroll-margin-bottom
• scroll-margin-left
• scroll-margin-inline
• scroll-margin-inline-start
• scroll-margin-inline-end
• scroll-margin-block
• scroll-margin-block-start
• scroll-margin-block-end

指南

• Basic concepts of CSS Scroll Snap
• Browser Compatibility and Scroll Snap

规范

规范	状态	注释
CSS Scroll Snap Module Level 1	候选推荐	初始定义

浏览器兼容性

The individual property pages detail the browser compatibility situation for Scroll Snap. Note that at the present time Firefox still implements an old version of the specification. Read the guide to browser compatibility for an overview of how to support both the old and new specification.

元数据

• 最后修改： Jul 7, 2020

相关话题

1. CSS
2. CSS 参考
3. CSS Scroll Snap
4. 指南

   1. Basic concepts of CSS Scroll Snap
   2. Browser compatibility and Scroll Snap
5. 特性

   1. scroll-margin
   2. scroll-margin-block
   3. scroll-margin-block-end
   4. scroll-margin-block-start
   5. scroll-margin-bottom
   6. scroll-margin-inline
   7. scroll-margin-inline-end
   8. scroll-margin-inline-start
   9. scroll-margin-left
   10. scroll-margin-right
   11. scroll-margin-top
   12. scroll-padding
   13. scroll-padding-block
   14. scroll-padding-block-end
   15. scroll-padding-block-start
   16. scroll-padding-bottom
   17. scroll-padding-inline
   18. scroll-padding-inline-end
   19. scroll-padding-inline-start
   20. scroll-padding-left
   21. scroll-padding-right
   22. scroll-padding-top
   23. scroll-snap-align
   24. scroll-snap-coordinate
   25. scroll-snap-destination
   26. scroll-snap-points-x
   27. scroll-snap-points-y
   28. scroll-snap-stop
   29. scroll-snap-type
   30. scroll-snap-type-x
   31. scroll-snap-type-y