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

來源

2016-07-24 bnussman

您可以使用css設置爲width，則html父元素的height特性，其中html被裝載到預期width的html內容，這不會html含量變化之間改變height。

來源

2016-07-24 04:48:38 guest271314

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

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

注意：代碼未經測試。

來源

2016-07-24 05:12:07

將標記爲圖表界面（與圖表關聯）的.js文件和其他javascript代碼放入3.php和4.php標記中。

它大部分時間都在使用。

來源

2016-07-24 08:05:47

jQuery .load刷新導致頁面縮小

回答

相關問題