写一个前端的可滑动网页

好的，我可以给你一个简单的例子，使用 HTML、CSS 和 JavaScript 实现一个可滑动的网页。

首先，在 HTML 文件中创建一个包含滑动内容的容器，例如：

<div class="scroll-container">
  <div class="scroll-content">
    <!-- 内容 -->
  </div>
</div>

接下来，使用 CSS 设置容器和内容的样式，例如：

.scroll-container {
  width: 100%;
  height: 300px;
  overflow: auto;
}

.scroll-content {
  width: 1000px; /* 滚动内容的宽度 */
  height: 100%;
}

最后，使用 JavaScript 监听滚动事件，例如：

const container = document.querySelector('.scroll-container');

container.addEventListener('scroll', function() {
  console.log('滚动位置：', container.scrollTop);
});

以上代码会在控制台输出当前滚动位置。你可以在这个基础上继续扩展，例如添加滚动条样式、滚动到指定位置等功能。