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: