小tip: 子元素scroll父元素容器不跟随滚动JS实现
这篇讲的是前端开发中一个常见的交互痛点：当页面存在嵌套滚动容器时，子元素滚到底后，滚动事件会“冒泡”导致父容器继续滚动。作者从“萝卜蹲”的生动比喻出发，解析了这一浏览器默认行为的链条。 核心方案聚焦于PC端，利用JavaScript拦截鼠标滚轮事件（`mousewheel`或Firefox的`DOMMouseScroll`）。关键思路是：为子元素绑定滚轮事件监听器，当检测到滚动位置即将到达顶部（`scrollTop`为0）或底部（到达最大值）时，手动将滚动位置精确定位到边界，并立即调用`event.preventDefault()`阻止事件继续向上冒泡，从而“切断”父容器的滚动。 文章特别指出了IE浏览器的兼容性“坑”——它会在阻止前直接跳过边界。解决方案是在到达边界的前一次滚动时就介入处理，提前手动设置边界值。作者最终将方案封装成了一个简洁的jQuery插件`$.fn.scrollUnique()`，调用一行代码即可生效，并提供了可交互的在线演示。对于键盘等其他滚动触发方式，作者认为可按需扩展，但鼠标滚轮处理已覆盖主要场景。
