Javascript 单击按钮时重新加载页面

我在页面上有一个按钮，单击该按钮时，会将另一个html文件加载到“模式”中的div中。无论出于何种原因，当我关闭模式时，页面似乎会刷新并返回顶部

function openNewWindow() {
   $('.button').click(function(e) {
      e.preventDefault();
      $('body').addClass("noscroll");
      $('#wrap').load('index.html');
      return false;
   });
}

openNewWindow();

$('.close-btn').click(function(e) {
    e.preventDefault();
    $("#wrap").empty();
    $('body').removeClass("noscroll");
});

我有默认设置，但“重新加载”似乎一直在发生。脚本有任何问题，以及发生这种情况的原因

---

链接到我的测试页面：

我不认为页面正在重新加载-如果我记得，将一个元素切换到“溢出：隐藏”，然后返回到“溢出：自动”会丢失其滚动位置，因此它实际上会重置为0。也许您只需要记住滚动位置，并在关闭模式时重新应用它。您需要知道

return false和
e.preventDefault（）
，
返回false
完全停止进一步执行，但
e.preventDefault（）停止当前元素的默认栖息地，请检查此项。创建页面的固定模式覆盖不是问题，似乎是加载单独的html文档创建了刷新。虽然页面可能没有完全刷新，但它确实做了一些事情，使其返回到页面顶部。似乎返回错误；这是更好的解决方案吗？