如何制作准确的滚动区域？答案

【问题标题】：How to make a accurate scroll zone?如何制作准确的滚动区域？
【发布时间】：2022-01-03 13:55:35
【问题描述】：

我想为我的 div 设置一个准确的滚动区域，这就是我想要的位置： scroll zone in red

所以我最多有 4 个 div，因此每个类别必须总共包含 10 个矩形（浓度、增强...）

我尝试设置一个带有包装器的滚动条，但我无法让它干净利落。到目前为止，这是我得到的：

我的代码：

.containerfocuslist {
    margin-top: 4rem;
    height: 650px;
    overflow-y: auto;
}

.wrapper {
    display: flex;
    height: 350px;
}

【问题讨论】：

您的实际问题是什么？您似乎创建了一个可滚动区域，因此可以轻松地将其大小更改为您想要的大小。

标签： html css scroll

【解决方案1】：

元素大小和滚动有许多 JavaScript 属性可以让我们读取有关元素宽度、高度和其他几何特征的信息。

我们在 JavaScript 中移动或定位元素时经常需要它们。

示例元素作为演示属性的示例元素，我们将使用下面给出的元素：

<div id="example">
  ...Text...
</div>
<style>
  #example {
    width: 300px;
    height: 200px;
    border: 25px solid #E8C48F;
    padding: 20px;
    overflow: auto;
  }
</style>

它有边框、内边距和滚动。全套功能。没有边距，因为它们不是元素本身的一部分，也没有特殊的属性。

更多信息click here

【讨论】：