Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Почему якорь съедает часть сайта?

Почему якорь съедает часть сайта?


     22.03.2017    Все вопросы » Общие вопросы по вёрстке    188

вопрос
Здравствуйте, вопрос такой появился. Первый раз встречаюсь с этим.
Реализовал якоря на каждый комментарий на сайте (не дле). Простенькая реализация якорей, у каждого блока комментариев есть id="comment244", например, ну и ссылка на них. site.ru/#comment244
Все работает нормально, но проблема заключается в том, что эти якоря жрут все что выше них.
Вот пример:
Если url: site.ru/index.php


Вот что происходит, когда нажимаю на линк якоря:


Фактически он просто съедает верхнюю часть, все что в родительском блоке стоит выше него. И показывает этот комментарий вверху. Как бы он работает правильно, не ел бы он еще верхнюю часть, а скролил страницу до нужного элемента.

Ответа пока нет


3 комментария

nowheremany
Эксперт

nowheremany - 22 марта 2017 14:10 -

якоря назначаются как
<a name="comm-123"></a>
<a href="#comm-123"></a>

а не как вы там себе воображаете

Благодарность принимаю тут Связь

Pringles
Юзер

Pringles - 22 марта 2017 17:51 -

id="comment244", например, ну и ссылка на них. site.ru/#comment244

Вообще то это верное суждение.

nowheremany
Эксперт

nowheremany - 22 марта 2017 21:09 -

Хм. согласен. Для HTML5 - верное, HTML4 - нет.
Но лучше использовать name - во всех браузерах будет работать.

Благодарность принимаю тут Связь

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх