總是在IE11上顯示滾動條<select>

以下代碼會生成一個包含10個選項的列表框。總是在IE11上顯示滾動條<select>

<div style="overflow-y:scroll;"> 
    <select name="selectbox" size="4" id="selectbox" > 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
     <option>6</option> 
     <option>7</option> 
     <option>8</option> 
     <option>9</option> 
     <option>10</option> 
    </select> 
</div>

在chrome或IE8上，我得到了這個結果，正如你所看到的，滾動條被啓用。 scroll visible

但在IE11，我有不一樣的結果

scroll invisible

滾動條只啓用如果大小高於或等於比6：

scroll BACK

我即使IE11上的大小小於6，也要有滾動條，我該怎麼辦？

感謝您的幫助。

來源

2015-12-02 Romain Sion

你嘗試沒有溢出？ – mplungjan

是的，我嘗試，結果相同 –

這對您的網站設計至關重要嗎？真？這種事情依賴於瀏覽器和平臺 - 你不能保證它在所有平臺上看起來都是一樣的（你甚至試圖在Mac上的Safari中查看它嗎？更不用說任何移動平臺了嗎？）。你看到的行爲可能不是你可以改變的。在不同的瀏覽器，甚至不同的版本之間，當然也會跨越不同的平臺。我對你的建議是接受它。這就是這些事情的工作原理。 – Simba

如果沒有什麼可滾動的，你會如何計算滾動條的大小？它不應該是100％嗎？你可以使用完全可定製的選擇框插件進行拼接。

來源

2015-12-02 15:43:36

總是在IE11上顯示滾動條<select>

回答

相關問題