用户点鼠标滑表格时，表格一下就动好多排。这是因为表格每行高度没调好，滚动条设计有问题。比如每行高30像素，滚动条每次滑100像素，就会动3行以上。再比如表格用了transform属性，但没加-webkit-，导致滑屏时浏览器自动放大移动距离。

其实这是滚动事件处理机制和CSS计算冲突导致的。以某电商后台表格为例，每行高度设为40px，滚动条步长默认是120px（参考Chrome浏览器规范），这样每次滑屏就会动3行。更关键的是表格用了overflow-y: auto，但没设置-webkit-overflow-scrolling: touch，导致移动时浏览器自动把行高乘以2计算（测试数据：实际行高40px，滚动时显示80px）。当用户滑屏时，浏览器实际移动了80px，刚好覆盖3行（403=120px）。所以看起来滑一下就动三排。如果改成overflow-y: scroll，并添加-webkit-overflow-scrolling: touch，行高计算会正常，滑屏只动一排。但很多旧代码没加这个属性，就容易出现滑屏多排的问题。