jQuery .load刷新导致页面缩小

问题描述：

我在用什么 我有两个谷歌图表是用php脚本创建的，并用jQuery加载到页面上。当加载函数每5秒运行一次时，它会将图表重新加载到一个div中。jQuery .load刷新导致页面缩小

如何图表重载

<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的方式来保持其重新加载大小。

答

您可以使用css设置为width，则html父元素的height特性，其中html被装载到预期width的html内容，这不会html含量变化之间改变height。

答

对于＃3和＃4，您可以使用固定的CSS高度来保持其垂直尺寸。例如：

#3{ 
    display:block; 
    height: 100px; 
}

注意：代码未经测试。

答

将标记为图表界面（与图表关联）的.js文件和其他javascript代码放入3.php和4.php标记中。

它大部分时间都在使用。

jQuery .load刷新导致页面缩小

相关推荐