18、Windows 8 布局与全局样式全解析

Windows 8 布局与全局样式全解析

1. 滚动控制

当元素内容超出其边界，且元素的 overflow 属性设置为 auto 或 scroll 时，会显示滚动条，用户可通过鼠标或触摸进行滚动。这是解决内容超出屏幕显示范围的传统方法。

1.1 滚动限制

容器的滚动距离由 scrollLeft DOM 属性控制，可通过设置 -ms-scroll-limit-* 属性来约束容器的滚动范围：
- -ms-scroll-limit-x-min 和 -ms-scroll-limit-y-min ：分别用于指定容器在水平和垂直方向上的最小滚动距离。例如， -ms-scroll-limit-x-min 值为 100px 时，容器初始会向右滚动 100px ，且无法再向左滚动。
- -ms-scroll-limit-x-max 和 -ms-scroll-limit-y-max ：用于指定容器在水平和垂直方向上的最大滚动距离。例如， -ms-scroll-limit-x-max 值为 500px 时，容器内容从起始位置最多只能向右滚动 500px 。
- -ms-scroll-limit ：