锚无法与隐藏的溢出一起使用[Microsoft Edge]

Question

Edge可能不想滚动到不可见的内容上。如果锚点元素超出其父级尺寸范围且溢出：隐藏，则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一直在玩。