Question

有没有办法让<a/>标签在点击时不滚动？或者更确切地说，我想让它滚动到与点击之前相同的位置，屏幕快门减少到最小。问题是这个<a/>标记会更改<div/>的内容，其中ajax位于<a/>之上，我希望<a/>与位置保持完全相同的位置在屏幕上。

基本上我有下一个代码：

<div id='content'></div>
<div class="pagination-container">
  <ul class="pagination">
    <li class="PagedList-skipToNext"><a id='skipToNext' href='#/' rel="next">»</a></li>
  </ul>
</div>
<script>
 $('#skipToNext).on("click", function(evt) {
  $.ajax({ url: "...."})
   .done(function(e) {
      $("#content").html(e);
    });
}

</script>

当ajax可以返回不同大小的数据时，我希望<a/>保持完全相同，所以我可以多次点击它而不改变鼠标位置。

请注意，这实际上是一个寻呼机，所以只有<a/>可用而不是<button/>，如果这有任何区别。

小提琴示例：http://jsfiddle.net/kcfrp3L0/

Answer 1

您可以使用CSS，例如：

#skipToNext {
  position: fixed;
  right: 50px;
  top: 50px;
}

您的按钮将始终位于右上角（始终相对于窗口）。

当ajax点击更改上面的内容时，保持按钮相对于屏幕

1 个答案:

JSFIDDLE