table 手机 滑动_移动端touch事件滚动

本来想用在北京欢乐谷手机上用touch事件来模拟局部左右内容滚动里，但在touchmove上下滚动时由于禁止了默认事件而body滚动条不能滚动，虽然可以根据touchmove的坐标来判断方向，但体验效果不理想。

后来在查询相关资料后原来可以直接在css中使用overflow:auto;出来的滚动条用CSS3的-wekit-scrollbar{display:none}来隐藏;

*拓展

*::-webkit-scrollbar 滚动条整体部分

*::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动(或往左往右移动，取决于是垂直滚动条还是水平滚动条)

*::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)

*::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。

*::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分(除去)

*::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处

*::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

touch事件来模拟局部左右内容滚动

判断很简单，touchmove的最后坐标减去touchstart的起始坐标，X的结果如果正数，则说明手指是从左往右划动；X的结果如果负数，则说明手指是从右往左划动；Y的结果如果正数，则说明手指是从上往下划动；Y的结果如果负数，则说明手指是从下往上划动。

if ( X > 0) {

alert("left 2 right&#