Теги привязки не работают в Google Chrome (при ссылке на отдельную веб-страницу) - PullRequest
Новая
       71

Теги привязки не работают в Google Chrome (при ссылке на отдельную веб-страницу)

0 голосов
/ 06 мая 2020

Я немного новичок в html, javscript и css, поэтому заранее прошу прощения за любое очевидное незнание. Я использую тег привязки, чтобы, когда пользователь нажимает на эту ссылку, он переходит к определенному c div на другой веб-странице:

index. html: 

<div class="notice">
  <h2>If you have any trouble while you're here, please <br>
  <a href="/contact.html#contactForm"> get in touch with me</a> and let me 
        know!</h2>
</div>

contact. html: 

<div class=contact id="contactForm">

Однако, когда вы нажимаете на ссылку, Chrome игнорирует # и просто загружает / contact. html. Но затем, когда вы вернетесь к /index.html и затем щелкните ссылку снова - тогда Chrome решит обратить внимание на # и загрузит /contact.html#contactForm.

Я исследовал javascript потоков, которые используют различные функции scroll (), но все они, похоже, работают при ссылке на место на одной и той же веб-странице. У меня проблемы с поиском обходного пути, когда привязка находится на другой странице.

ОБНОВЛЕНИЕ Я также заметил, что это, похоже, ошибка случайные Chrome плагины - как и все плагины отключены, тег привязки работает нормально. Однако я не могу точно ожидать, что у всех посетителей сайта будут отключены все плагины.

1 Ответ

0 голосов
/ 06 мая 2020

Вам действительно нужно добавить элемент привязки с атрибутом name, содержащим строку ha sh, этот элемент может быть пустым. Используйте это: 

<a name="contactForm"></a>
<div class=contact id="contactForm">
...your code
...