jQuery无需重新加载即可进行哈希处理

Question

我正在构建一个网页，当我浏览时不需要重新加载页面（我使用 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();确实这样做，但我不需要页面加载。

Answer 1

如果你想滚动到指定的地方你可以动画html,body

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