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

177
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>

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

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

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

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

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

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

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

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

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

161