gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 02:53:03 27 4
gpt4 key购买 nike

我在做什么我有两个使用 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 中显示这个问题。 (尝试观察顶部的重新加载图标,它指示页面何时滚动到顶部)

enter image description here

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

最佳答案

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

关于javascript - jQuery .load 刷新导致页面缩小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38548601/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com