HTML - 將滾動條添加到表格主體？

我有一張桌子，裏面有一些內容。我想添加一個滾動條到body。我無法得到它的工作;我打電話給課堂，試圖添加一個滾動條，但它不會出現。所以我正在尋找一個解決方案。這裏是我的代碼：HTML - 將滾動條添加到表格主體？

var modal = document.getElementById('myModal'); 
 
var btn = document.getElementById("myBtn"); 
 
var span = document.getElementsByClassName("close")[0]; 
 
btn.onclick = function() { 
 
    modal.style.display = "block"; 
 
} 
 
span.onclick = function() { 
 
    modal.style.display = "none"; 
 
} 
 
var total = 0; 
 

 
function sitaSeen(img, name, condition, price) { 
 
    $('tbody').append("<tr><td><img src=" + img + "></td><td>" + name + "</td><td>" + condition + "</td><td>$" + price + "</td><td><span>X</span></td></tr>"); 
 
    total += price; 
 
    $('#total').empty(); 
 
    $('#total').append("Total: $" + total); 
 
} 
 
$('.papa').on('click', 'tr span', function(){ 
 
\t \t $(this).closest('tr').remove(); 
 
});

<h2>System</h2> 
 
<button onclick="sitaSeen('https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf3qr3czxb49KzgL-KmsjwPKvBmm5D19V5i_rEprP5gVO8v11lZj-gIYbDclRqMA7Zq1S7lOm-0Za6753KmHoxvnQh5y7ZyhWxiRwecKUx0iL1oy6z/60fx60f','M9 Bayonet | Doppler','Battle Scarred',70)">Click</button> 
 
<button id="myBtn">Open Modal</button> 
 
<div id="myModal" class="modal"> 
 
    <div class="modal-content"> 
 
    <div class="modal-header"> 
 
     <span class="close">×</span> 
 
     <h2>Logo</h2> 
 
     <h2 id="total">Total: $0</h2> 
 
    </div> 
 
    <div class="modal-body"> 
 
     <table class="centered"> 
 
     <thead> 
 
      <tr> 
 
      <th data-field="pic"></th> 
 
      <th data-field="id">Item</th> 
 
      <th data-field="name">Conditon</th> 
 
      <th data-field="price">Price</th> 
 
      <th data-field="delete"></th> 
 
      </tr> 
 
     </thead> 
 
      <tbody class="papa"> 
 
      </tbody> 
 
     </table> 
 
     <button>seen</button> 
 
    </div> 
 
    </div> 
 
</div>

來源

2016-06-18 Aleks Kpur

你沒有足夠的內容在體內具有滾動！嘗試添加許多文字或其他內容，並且您會看到默認情況下會顯示滾動條！ –

我能以某種方式改變那個「限制」嗎？ –

起初，我在那裏的模式來滾動，我刪除它 –

由於您使用位置：固定 CSS屬性，你的html元素會出這是通過一個原稿正常流動。這就是滾動條不出現在文檔上的原因。

一個解決方案將不會使用位置：固定屬性，我想你想擁有它的中心div＃模式。您有很多其他選項可用於集中html元素。

Refer to this article

來源

2016-06-18 22:08:23

好吧，它有點作品，但現在我怎麼能做得更大，如果我添加項目，然後出現滾動時，有足夠的東西？基本上他們不會去模態 –

@AleksKpur可以請你解釋一下嗎？ –

HTML - 將滾動條添加到表格主體？

回答

相關問題