实现网页上吸顶效果的 CSS

在网页设计中，吸顶效果指的是当用户滚动页面时，某个元素会固定在页面顶部，使其保持可见。这种效果常用于导航栏或重要的页面元素，以提供更好的用户体验和导航功能。下面是一种常见的实现吸顶效果的 CSS 方法：

HTML 结构
首先，我们需要一个包含吸顶元素的 HTML 结构。这里我们使用一个具有 id 属性的

元素作为示例：

<div id="sticky-element">
    
div>

CSS 样式
接下来，我们使用 CSS 来实现吸顶效果。我们需要定义两个 CSS 类，一个表示