Якорь не работает - не могу найти почему

Question

Здесь

https://glueckundsegen.de/stammbuch/

(я включил URL, так как я ожидаю, что, возможно, проблема не в фрагментах кода ниже)

- красная кнопка с надписью «Mehr erfahren», что означает «больше ...». Кнопка в основном является ссылкой:

<a href="https://glueckundsegen.de/stammbuch/#mehr" target="_blank">
  <div  id="gus--details" class="gus--details">
  Mehr erfahren ...
  </div>
</a>

И он предназначен для нацеливания на якорь под заголовком «Unsere Stammbücher: Durchdacht in allen Details»:

<hr />
<p><a id="mehr"></a>&nbsp;</p>
<h2 class="headone">Unsere Stammb&uuml;cher: Durchdacht in allen Details</h2>

Предполагаемое поведение - открыть новое окно и спрыгнуть на этот якорь. Я думал, что это довольно простой и пуленепробиваемый материал, но по какой-то причине он не работает.

Хорошо работает в Firefox 66 Developer Edition, но воспроизводимо не работает в Safari 12.0.2 и большую часть времени в Chrome 71.0.3578.98

Понятия не имею, почему? Любая помощь или предложения?

Answer 1

Ваш href

href="https://glueckundsegen.de/stammbuch/#mehr"

немного не так.Удалите последние /, оставив

href="https://glueckundsegen.de/stammbuch#mehr"

Используемый вами URL указывает на страницу в папке stammbuch по адресу https://glueckundsegen.de

Answer 2

<a href="#mehr">
<div  id="gus--details" class="gus--details">
Mehr erfahren ...
</div>
</a>

без цели _blank

пример : http://jsfiddle.net/5eztgq3p/