Якорь не работает со скрытым переполнением [Microsoft Edge]

Question

Edge, вероятно, не хочет прокручивать то, что не видно.Если элемент привязки находится за пределами его родительских измерений с переполнением: скрытый, браузер Edge не будет прокручивать на него.

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

Мне нужен якорь, который находится за пределами его родителя и имеет переполнение: скрытый, в то время как hrefпо-прежнему прокручивает на якорь.

Отлично работает на Chrome и FirefoxКрай версия: 44.17763.1.0

Answer 1

Это довольно странно, и я не могу сказать вам, почему Эдж это делает. Тем не менее, быстрое решение для вашего примера - визуализировать одну строку невидимых пикселей, добавив

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

Посмотри здесь работает . Как вы можете видеть, Edge подыгрывает.