Ссылка с заглушкой

291

10 октября 2018, 15:50

Как сделать так, чтобы при нажатии на ссылку с заглушкой которая находится, к примеру в середине страницы, не перебрасывало на самый верх страницы? Чтобы положение на странице оставалось на том месте.

.middle { 
  margin-top: 400px; 
}

<ul class="middle"> 
  <li><a href="#">Почтовые коробки оригинальные</a></li> 
  <li><a href="#">Почтовые коробки бурые</a></li> 
  <li><a href="#">Почтовые коробки бурые с бланком</a></li> 
</ul>

Answer 1

Добавить атрибут "onclick"

<a href="#" onclick="return false;">текст</a>

.middle { 
  margin-top: 400px; 
}

<ul class="middle"> 
  <li><a href="#" onclick="return false;">Почтовые коробки оригинальные</a></li> 
  <li><a href="#" onclick="return false;">Почтовые коробки бурые</a></li> 
  <li><a href="#" onclick="return false;">Почтовые коробки бурые с бланком</a></li> 
</ul>

Answer 2

Убрать атрибут href, если href нужен, то можно добавить onclick="return false;".

Ссылка обычно и создается чтобы быть ссылкой или якорем или на начальном этапе разработке когда это пока не имеет значение.

Если нужно что то вроде кнопки на выполнение события то необязательно это делать тегом a, можно взять тег span например и добавить ему стили

.middle { 
  margin-top: 400px; 
}

<ul class="middle"> 
  <li><a href="#" onclick="return false;">Почтовые коробки оригинальные</a></li> 
  <li><a href="#" onclick="return false;">Почтовые коробки бурые</a></li> 
  <li><a href="#" onclick="return false;">Почтовые коробки бурые с бланком</a></li> 
</ul>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

float left не работает

Сижу учусь, моя первая верстка (очень криво) Надо поставить картинки в ряд и задать им width: 48% и float: left чтобы отражались в ряд по 2 каритнки и маштабировались...

341

HTML

Цикл for .. of проблема

У нас есть массив объектов newData(длина массива 9 ел)

240

HTML

Сделать общую тень у совмещенных блоков

248

HTML

Не обновляется сайт на Android Chrome

Написал простенький сайт: (indexphp)

266