1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6

注:需要四层div盒子;
第一层设置id,用来初始化滚动轴,横轴、纵轴都将添加到这一层下,初始化前就需要设置高度(height),或者最大高度(max-height),以及overflow:hidden;
第二层为滚动层,触发滚动轴事件的地方,当前层最大高度是第一次的高度或最大高度
第三层为视图层,用来监听页面大小变化,如果是横轴滚动,初始化的时候需要设置该层的宽度,修改的时候需要调用setWidth方法来改变该层的宽度
第四层的作用是用来确保第三层只有一个子节点