当鼠标在子元素上时，不要滚动正文

是一种常见的前端开发需求，可以通过以下几种方式来实现：

1. CSS属性pointer-events：none 使用CSS属性pointer-events：none可以禁用子元素的鼠标事件，从而使鼠标事件传递到父元素或其他元素上，从而阻止正文滚动。具体实现如下：.child-element { pointer-events: none; }
2. JavaScript事件处理 使用JavaScript可以监听鼠标事件，并通过阻止事件冒泡或默认行为来阻止正文滚动。具体实现如下：const childElement = document.querySelector('.child-element'); childElement.addEventListener('mouseenter', function(event) { event.stopPropagation(); // 阻止事件冒泡 event.preventDefault(); // 阻止默认行为 });

以上是两种常见的实现方式，根据具体情况选择适合的方法。这种需求在一些特定场景下非常有用，比如在弹出层或滑动菜单等组件中，当鼠标在子元素上时，防止用户滚动背后的正文内容，提升用户体验。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 腾讯云前端开发相关产品：https://cloud.tencent.com/solution/web-development
• 腾讯云云原生相关产品：https://cloud.tencent.com/solution/cloud-native
• 腾讯云人工智能相关产品：https://cloud.tencent.com/solution/ai
• 腾讯云物联网相关产品：https://cloud.tencent.com/solution/iot
• 腾讯云移动开发相关产品：https://cloud.tencent.com/solution/mobile-development
• 腾讯云存储相关产品：https://cloud.tencent.com/solution/storage
• 腾讯云区块链相关产品：https://cloud.tencent.com/solution/blockchain
• 腾讯云元宇宙相关产品：https://cloud.tencent.com/solution/metaverse

请注意，以上链接仅供参考，具体产品选择应根据实际需求和腾讯云官方文档进行评估和决策。