不同瀏覽器中的滾動條問題

Question

我在div內有一個table。在按鈕單擊中，我將更改table的寬度，其寬度與div的寬度相同。問題是在IE11和Firefox滾動條不會出現，而在Chrome Scrolllbar出現。我不需要鉻合金中的滾動條。我的代碼有什麼問題？

Here is my code.

是否有此問題的任何解決辦法？

任何人都可以幫助我做到這一點！

Answer 1

您可以使用此example刪除g中的滾動條oogle Chrome。問題在於表格內容寬度是動態計算的（以根據內容均勻放置列），並且不等於您定義的寬度 - 差異可能小於1 px，但會顯示。

修復是使用填充1px的容器或設置表寬度較少table.width(table.width()/2 - 1);我更喜歡填充值，因爲表格寬度將保持您需要的值（1000,500,250等..而不是999,499,249 ...）

Answer 2

使用窗口的寬度：

$("#changeWidth").click(function() { 
      var table = $("#sampleTable"); 
      table.width($(window).width()); 
     }); 

demo

，如果你不需要滾動條則扣除一定的價值

table.width($(window).width() - 20); 

demo