Question

我有一个箭头图像，当你点击它时会让你回到页面的顶部...我希望这个箭头在它的div父级中有一个固定的位置。

以下是代码：

＆＃13;

.relative {
  position: relative;
}
.up {
  float: right;
  max-width: 3%;
  display: block;
  position: fixed;
  top: 40%;
  bottom: 30%;
  right: 2%;
}

＆＃13;

<section class="elements relative" id="about">
  <a href="">
    <img src="img/arrow-up.png" class="up" id="up-about" alt="" />
  </a>
  <h2>Qui suis-je &#63;</h2>
  <p>Lots of text</p>
</section>

＆＃13;

无论我走到哪个页面，这都会让我的白色箭头停留在屏幕上。但是我希望它只留在我的亲戚家里面＃34;部分，但不要走出它（如果我在滚动下面或超过此部分）。有一个简单的方法吗？我希望我的问题很清楚：）

Answer 1

您应该使用number_format代替position:absolute;作为箭头，因此在滚动页面时不会将其修复到同一位置。你走了：

＆＃13;

position:fixed;

＆＃13;

.relative {
  position: relative;
}
.up {
  max-width: 3%;
  display: block;
  position: absolute;
  top: 40%;
  bottom: 30%;
  right: 2%;
}

＆＃13;

Answer 2

在position: absolute上使用.up（并且没有浮动）

.up {
  max-width: 3%;
  display: block;
  position: absolute;
  top: 40%;
  bottom: 30%;
  right: 2%;
}

修复div内的位置

2 个答案: