Добрый день! Есть вот такой кусок кода
<div class="product_quantity clearfix">
<span>Кол.</span>
<input id="quantity_input" type="text" pattern="[0-9]*" value="1">
<div class="quantity_buttons">
<div id="quantity_inc_button" class="quantity_inc quantity_control"><i class="fa fa-chevron-up" aria-hidden="true"></i></div>
<div id="quantity_dec_button" class="quantity_dec quantity_control"><i class="fa fa-chevron-down" aria-hidden="true"></i></div>
</div>
</div>
и когда я нажимаю стрелочку вверх или в низ то страница поднимается вверх. Почему это происходит?