在浏览网站时，你可能会注意到某些页面元素在鼠标悬停时仍允许滚动整个页面。这种现象在一些网站上尤为显著，例如deepseek。让我们深入探讨这种“滚动穿透”效果的实现原理，以及为何某些网站能做到这一点，而其他网站则不能。

在deepseek的官方网站上，有一个按钮，当鼠标悬停在其上时，你依然可以滚动整个页面。这种效果被称为“滚动穿透”。相比之下，通义千问的页面则没有这种效果，鼠标滚轮事件会被按钮拦截，从而无法滚动页面。

那么，deepseek是如何实现这种“滚动穿透”的呢？关键在于他们对输入文本容器的样式设置。具体来说，deepseek在输入文本的容器上添加了position: sticky属性，并设置了bottom: 0px。这样的设置使得容器在页面滚动时保持在视图底部，同时不干扰页面的滚动事件。

让我们看一下具体的代码示例：

DeepSeek

DeepSeek是一款由深度求索公司开发的免费AI助手，支持Web端和移动端使用。它拥有强大的自然语言处理能力，可进行文本对话、内容创作、代码编写、文件处理（支持图像、PDF、Word、Excel、PPT等格式）以及联网搜索。DeepSeek上下文长度达1M tokens，能一次性处理海量信息（如《三体》三部曲）。其核心优势在于完全免费、响应迅速、支持语音输入，并提供API服务，适合学习、办公和开发等多种场景。

下载

<code>position: sticky;
bottom: 0px;</code>

通过这种方式，deepseek成功地实现了“滚动穿透”的效果，使得用户在悬停在按钮上时仍可以控制页面的滚动。这是一个巧妙的技巧，能够显著提升用户体验。

希望这个解释能帮助你理解“滚动穿透”是如何实现的，以及为什么某些网站能做到这一点，而其他网站则不能。