Question

说有一些＆＃34;绝对定位＆＃34;使用Ajax抓取坐标（单位：％）的元素。

有时它们的某些边缘会突出屏幕，就像它们太右或太顶。我无法将它们定位为right: 0，因为它们的父元素已经位于＆＃34;绝对定位＆＃34;因此它不会起作用。

如果某个元素的直接父元素不是document.body？

，那怎么能阻止元素突然离开屏幕？

Answer 1

您是否尝试在overflow: hidden上使用css属性body？例如：

＆＃13;

.box {
  border: 1px solid #222;
  width: 300px;
  height: 300px;
  overflow-y: hidden;
  overflow-x: scroll;
}

＆＃13;

<div class="box">
  <img src="http://placehold.it/450x150" alt="" />
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae suscipit, autem magnam ab. Possimus perferendis officiis doloremque impedit quia quos labore optio quas cum incidunt. Blanditiis dicta, sunt numquam quos.</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae suscipit, autem magnam ab. Possimus perferendis officiis doloremque impedit quia quos labore optio quas cum incidunt. Blanditiis dicta, sunt numquam quos.</p>
</div>

＆＃13;

如果您希望内容永远不会移动超出身体范围，您需要抓住该元素相对于窗口的位置，而不是让它超越它的边界（例如，任何给定元素相对于身体的left位置永远不会超过windowWidth-currentElementWidth）。您可以在此here

上找到更多信息

如何防止元素突出屏幕？

1 个答案: