这个网站是一个名为"Lenis"的CSS样式库。它提供了一套用于创建平滑滚动效果的CSS类，使页面能够以更流畅的方式滚动，同时保持元素之间的良好布局。通过使用这些CSS类，开发者可以轻松地为网页添加平滑滚动功能，提高用户体验。 Lenis库中的一些关键类如下： 1. wf-force-outline-none:focus { outline: none; } 这是一个用于去除鼠标悬停时元素的边框的CSS类。当用户将鼠标悬停在元素上时，该类可以确保元素不会显示任何边框。这对于创建具有清晰视觉焦点的元素非常有用。 2. html, body { height: auto; } 这是一个简单的CSS规则，用于将HTML文档的默认高度设置为自动。这有助于保持页面在滚动时的高度不变，从而提供更好的用户体验。 3. .lenis.lenis-smooth { scroll-behavior: auto !important; } 这是一组CSS类，用于设置整个页面的滚动行为。其中，scrollbehavior属性被设置为auto，并使用important关键字强调这一点。这将使页面在滚动时保持水平滚动模式，而不会触发垂直滚动。 4. .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; } 这是一组CSS类，用于阻止页面在滚动时出现溢出滚动。overscroll-behavior属性被设置为contain，这意味着当页面超出其容器边界时，它将被限制在容器内部。 5. .lenis.lenis-stopped { overflow: hidden; } 这是一组CSS类，用于防止页面在滚动时出现溢出。overflow属性被设置为hidden，这意味着当页面超出其容器边界时，它将不显示任何内容。 6. .lenis.lenis-smooth iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 这是一组CSS类，用于将iframe元素放置在页面的顶部和左侧，并使其宽度和高度与其父元素相同。这样，当页面滚动时，iframe将始终保持在页面的中央位置。