jquery - 当移动到包含更多字词的下一页时，我的上一页和下一页按钮会上下波动

Question

因此，我的按钮遇到了一个小问题，基本上当我单击下一个按钮并且页面上有更多正文时，按钮往往会垂直向下移动并返回到页面上较少的文字向上。

.azibsButtons {
  padding-top: 100px;
  padding-left: 10px;
  padding-right: 10px;
}

<div class="azibsButtons">
  <button type="button" id="previous" class="btn btn-primary pull-left">Prev</button>

  <button type="button" id="next" class="btn btn-primary pull-right">Next</button>

  <button type="button" id="submit" class="btn btn-primary pull-right">Submit</button>
</div>

我需要按钮稳定在一个位置。

Answer 1

如果我没理解错的话，即使页面正确加载新文本，您也希望按钮被修复？

好吧，如果内容不包含在某种(框架)中，那么按钮将根据文本的长度上下移动，这就是网络的工作方式。

但您可以设置文本容器的高度 height: 200px; 并允许滚动条使用overflow-y: scroll;这样不管文本多长容器高度都是固定的