位置：粘性問題 - 元素出現偏離

Question

在CSS中的粘性定位支持是非常好的，但有小故障！ 我在兩列布局上使用position: sticky。在頁面滾動時，在粘貼定位的div中的select呈現方式偏離其位置，在div之外，原本沒有任何滾動的情況下出現的位置，我在該頁面中設置了select下拉列表。屏幕截圖如下：

當我點擊任何地方關閉下拉菜單，然後再打開它，它會在正確的位置渲染。這在Chrome和Firefox上發生，但不在Safari中。

這裏是一個jsfiddle與問題複製。打開下拉菜單之前，向下滾動一下，然後點擊選擇。

有沒有人知道這個解決方案？

Answer 1

看過你的例子後，這看起來是操作系統呈現<select>元素而非瀏覽器的神器。我建議您提交Chrome和Firefox的錯誤報告，因爲這些是您在其中報告的瀏覽器（我已在基於Debian的Linux上的Chrome 59中對其進行了確認）。