网页touch-action禁用手势

你有没有遇到过这样的情况：在一个页面里，有一个小的滚动区域（比如一个弹窗、一个侧边栏），当你滚动到这个小区域的顶部或底部时，整个页面的滚动条竟然也跟着动了起来？这样，当你在侧边栏滚动到顶部或底部时，只有侧边栏会滚动，页面主体内容不会受到影响。它就像一位经验丰富的“交通警察”，能精准地控制滚动行为，让你的页面滚动起来丝滑又听话，告别“一动全身”的尴尬。当你滚动到弹窗的底部时，整个页面的滚动条也跟着动了起来，这显然不是我们想要的。当滚动到达边界时，它会“传染”给父元素，导致不必要的滚动，影响用户体验。