锚无法使用溢出隐藏[Microsoft Edge]

Question

Edge可能不想滚动到不可见的东西上。如果一个锚元素超出了他的父维度而溢出：隐藏，则边缘浏览器不会滚动到该维度。

[https://jsfiddle.net/daoezjwk/2/][1]

我需要一个在他父母之外的锚点，它有溢出：隐藏，而href仍然在锚点上滚动。

它适用于Chrome和Firefox。边缘版本：44.17763.1.0

Answer 1

这很奇怪，我无法告诉你为什么Edge会这样做。但是，对您的示例进行快速修复是通过添加来渲染一行不可见像素

 border-bottom: 1px solid transparent; /* this will overlap the parent element */
 background-clip: content-box; /* bg is not painted under border */

看到它working here。如你所见，Edge一直在播放。