2017-08-07 21 views
0

在CSS中的粘性定位支持是非常好的,但有小故障! 我在两列布局上使用position: sticky。在页面滚动时,在粘贴定位的div中的select呈现方式偏离其位置,在div之外,原本没有任何滚动的情况下出现的位置,我在该页面中设置了select下拉列表。屏幕截图如下: enter image description here位置:粘性问题 - 元素出现偏离

当我点击任何地方关闭下拉菜单,然后再打开它,它会在正确的位置渲染。这在Chrome和Firefox上发生,但不在Safari中。

这里是一个jsfiddle与问题复制。打开下拉菜单之前,向下滚动一下,然后点击选择。

有没有人知道这个解决方案?

+0

您能提供一个现场示例吗? – jhpratt

+0

刚刚添加了一个jsfiddle现场示例。 – mavili

+0

@mavili我不能在你的小提琴中重现错误。 –

回答

2

看过你的例子后,这看起来是操作系统呈现<select>元素而非浏览器的神器。我建议您提交ChromeFirefox的错误报告,因为这些是您在其中报告的浏览器(我已在基于Debian的Linux上的Chrome 59中对其进行了确认)。