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

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

1. 滚动控制

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

1.1 滚动限制

容器的滚动距离由scrollLeftDOM 属性控制，可通过设置-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：