How to make it so that when you click on a link with a stub that is, for example in the middle of the page, does not flip to the top of the page? To position on the page remained in that place.
.middle { margin-top: 400px; } <ul class="middle"> <li><a href="#">ΠΠΎΡΡΠΎΠ²ΡΠ΅ ΠΊΠΎΡΠΎΠ±ΠΊΠΈ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠ΅</a></li> <li><a href="#">ΠΠΎΡΡΠΎΠ²ΡΠ΅ ΠΊΠΎΡΠΎΠ±ΠΊΠΈ Π±ΡΡΡΠ΅</a></li> <li><a href="#">ΠΠΎΡΡΠΎΠ²ΡΠ΅ ΠΊΠΎΡΠΎΠ±ΠΊΠΈ Π±ΡΡΡΠ΅ Ρ Π±Π»Π°Π½ΠΊΠΎΠΌ</a></li> </ul> 
Add "onclick" attribute
<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> 
Remove the href attribute, if href needed, you can add onclick="return false;" .
The link is usually created to be a link or an anchor or at the initial stage of development when it does not matter yet.
If you need something like a button to execute an event, you do not need to do this with the a tag, for example, you can take a span tag and add styles to it
.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> 
Source: https://ru.stackoverflow.com/questions/863464/
All Articles