jQuery无需重新加载即可到达哈希



我正在构建一个网页,当我浏览时不需要页面重新加载(我使用ajax/php实现这一目标)。

当我浏览项目(其中很多)并打开其中一个时 - 我希望页面关闭页面时返回页面中的最后一个位置。

我使用锚来实现这一目标。

我的代码:

$(document).on('click', '.content', function() {
  ... some other code ...

  $.ajax({
    type: 'POST',
    url: '/includes/content.php',
    data: info,
    dataType: 'json',
    success: function(result){
        if(type == 'close') {
            window.location.hash = '#' + hash;
            location.reload();
        }

    }
  });

return false;
});

问题是:jQuery确实在URL中添加了哈希,但是页面并未跳到页面中的指定位置。location.reload();确实这样做,但我不需要页面加载。

如果要滚动到指定的地方,则可以动画htmlbody

$('html, body').animate({
   scrollTop: $("#myDiv").offset().top
}, 2000);

最新更新