【问题标题】:position: sticky issue - element appears off-placed位置:粘性问题 - 元素出现错位
【发布时间】:2017-08-08 04:17:43
【问题描述】:

CSS 中的粘性定位支持非常好,但有一些小故障! 我在两列布局上使用position: sticky。我在设置为粘性的部分中有一个select 下拉菜单,当滚动页面时,粘性定位的 div 中的 select 呈现远离它的位置,在 div 之外,它本来会出现的地方没有任何滚动。这是屏幕截图:

当我单击任意位置关闭下拉菜单,然后再次打开它时,它会在正确的位置呈现正常。这发生在 Chrome 和 Firefox 上,但不在 Safari 上。

这是一个jsfiddle,已复制问题。在打开下拉列表之前,向下滚动一下,然后单击选择。

有人知道解决办法吗?

【问题讨论】:

  • 你能提供一个活生生的例子吗?
  • 刚刚添加了一个 jsfiddle 实例。
  • @mavili 我无法重现你小提琴中的错误。
  • @SergChernata 你用的是什么浏览器(有版本)?我已经确认了 Chrome 59 中的错误。
  • @jhpratt Nvm,我认为小提琴已经改变了。我同意你的结论。

标签: css


【解决方案1】:

查看您的示例后,这似乎是操作系统渲染 <select> 元素而不是浏览器的工件。我建议为 ChromeFirefox 提交错误报告,因为这些是您报告的浏览器(我已经在基于 Debian 的 Linux 上的 Chrome 59 中确认了它)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-02-28
    • 2017-11-04
    • 1970-01-01
    • 2016-09-01
    • 2022-12-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多