HTML якорный тег вопрос

Question

У меня есть кусок кода, как показано ниже

<div> 
<ul> 
<li><a href="">Test1</a></li> 
------- 
------- 
------- 
<li><a href="">Test46</a></li> 
</div> 

Он отображает страницу HTML с 46 ссылок. Проблема заключается в том, что когда я прокручиваю вниз и выбираю 46-ю или те, что находятся выше этой страницы, страница снова возвращается к началу. почему это происходит, и есть ли способ предотвратить это?

Answer 1

href is blank thats почему его движение наверху. Вы можете использовать это вместо того, чтобы заготовки:

<a href="javascript:void(0)">Test46</a> 

Answer 2

href="" содержит URL "", который является относительной URL, который решает «URL-адрес текущей страницы».

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

Как обычно (при отсутствии какой-либо конкретной директивы), когда он переходит на страницу, он начинается сверху.

---

Если вы не хотите ссылаться на страницу: Почему вы используете ссылку в первую очередь?

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

<button type="button">Test46</button> 

Вы можете стилизовать его, чтобы удалить цвет фона по умолчанию и границ, и установить цветовую схему, совпадающей ссылку, если вы хотите, чтобы это выглядело как ссылка.

Answer 3

Пустая строка в атрибуте href<a href=""> означает, что в современных браузерах для перехода на текущую страницу. Это будет в основном просто перезагружать текущую страницу и, как таковая, будет идти вверх.

Одним из способов предотвращения от перехода к вершине использовать href="javascript:void(0)", как было упомянуты @Manwal или вы можете просто удалить href атрибут полностью (примечания в этом случае он не будет отображаться как интерактивный гипер- ссылка).