修复了页面不可见区域中的div

Question

我的网格控件没有完全显示在页面上，在页面底部我有一个水平滚动条，因此您可以看到所有网格列。在不可见区域的网格旁边，我有网格控件，如果网格高度太大，必须保持固定，以便用户可以在该页面上随时访问它们。

这大致是我目前的情况：

我需要控件保留在页面的最右边部分而不是视口的最右边。这可能还是有更好的方法吗？

编辑：

<div style="display:flex;width:700px">
      <div style="height:1000px;width:1000px;background:red"></div>
      <div style="height:150px;width:300px;background:yellow;"></div>
    </div>

黄色方块需要在您垂直滚动时跟随您，只有当您水平滚动到红色方块的末尾时才需要显示。

Answer 1

首先，确保您的容器元素已声明定位，即相对，固定，绝对等。然后使用position: absolute;作为控件。

设置右侧和顶部偏移以获得正确的定位，并为您的网格div提供足够的margin-right: ;以使其（网格div）与控件重合。

<强> jsbin example

这是你的目标吗？