Question

当用户点击我页面上的按钮时，它会刷新包含2个不同页面内容的2个div。按钮位于第二个div中。

我想要它，所以当点击按钮时，它会向上滚动到主页面上的某个点。通常它是<a name=top>的东西，但现在我正在使用div我不知道该怎么做。

布局如：

<page>
<- jump to here ->
<div1> data </div1>
<div2> buttons </div2>
</page>

我的主页中的代码是：

$(function() {
 $(".loadlink").click(function(event) {
 event.preventDefault();
 $("#result").load($(this).data('url'), function () {
        $('#crimes').load('crimes_get.php');
    });
  });
});

Answer 1

我相信你的JavaScript应该执行document.body.scrollTop = 0;（或0以外的其他值，例如anchorElement.offsetTop以滚动到预定义的元素，但请确保你不要告诉offsetParents - 请参阅MDN作为参考。）

Answer 2

我用过

$(function() {
  $(".loadlink").click(function(event) {
  event.preventDefault();
  $("#result").load($(this).data('url'), function () {
    window.scrollTo(0, 0) //<------- THIS
    $('#crimes').load('crimes_get.php');
  });
 });
});

Answer 3

动画怎么样？

$(function() {
   $(".loadlink").click(function(event) {
   event.preventDefault();
   $("#result").load($(this).data('url'), function () {
        var topPos = $("#targetDiv").offset().top;

        $("body").animate({"scrollTop": topPos}, 200)
        $('#crimes').load('crimes_get.php');
    });
  });
});

用户单击按钮时向上滚动到div标签中的内容

3 个答案: