css 滚动轮滑到指定100%

CSS滚动到页面的特定位置通常使用JavaScript配合`scrollIntoView()`方法来实现，如果你想让页面滚动到元素达到100%高度的位置，你可以这样做：

// 获取需要滚动到的元素
const element = document.querySelector('#your-element-id');

// 计算元素距离顶部的距离
element.scrollIntoView({
  top: element.offsetTop - window.innerHeight + element.clientHeight, // 如果你想滚动到底部，去掉+ element.clientHeight
  behavior: 'smooth', // 使用平滑动画效果
});

在这段代码中，`offsetTop`获取元素相对于视口顶部的偏移量，`window.innerHeight`是浏览器窗口的高度，`clientHeight`是元素自身的高度。将它们相加就得到了元素离底部的距离。

如果你只有一个固定的百分比值，比如100%，那么可以将其转换为像素值计算，但因为百分比基于元素自身，所以直接设置`top`为0可能更合适，除非你有特殊的布局需求。