javascript - jQuery .load 刷新导致页面缩小

Question

我在做什么 我有两个使用 php 脚本创建的 Google 图表，并使用 jQuery 加载到页面上。当加载函数每 5 秒运行一次时，它会将图表重新加载到一个 div 中。

图表如何重新加载

  <script>
      window.setInterval(function(){
          $("#3").load("3.php");
      }, 5000);
  </script>
  <script>
      window.setInterval(function(){
          $("#4").load("4.php");
      }, 5000);
  </script>

我的问题 我已经确定了这个问题，我只需要一个好的方法来解决它。当图表每 5 秒加载一次时，图表 div 会在 .load 函数发生时快速丢失内容，从而导致页面向上滚动一些。我试图在下面的 gif 中显示这个问题。 (尝试观察顶部的重新加载图标，它指示页面何时滚动到顶部)

我需要修复的地方 我需要页面在加载新内容时不滚动到顶部，或者我需要一种方法让包含图表的 div 在重新加载时保持它们的大小。

Answer 1

您可以使用 css 设置 html 父元素的 width、height 属性，其中 html 加载到 html 内容的预期 width、height，这不会在 html 之间改变> 内容更改。