javascript - 为什么每次滑动后页面都会向上滚动以及如何防止这种情况？

Question

我有几个 jQuery SlideDown 函数，当用户单击按钮时，我用它们来显示 Divs。

问题是，单击按钮后，页面向上滚动到顶部，并且Divs不再可见。我想做的是防止页面滚动。我该如何解决这个问题？

jQuery

<script>
$(document).ready(function(){
     $("#banner_step_3").hide();
$("#next_btn_show_step_3").click(function(){
    $("#banner_step_3").slideDown(500);
  });
    });
</script>

HTML

<div class="next_btn" id="next_btn_show_step_3">
    <a href="#"><?php echo $lang ['next']; ?></a>
</div>
<article class="order_form_step_3" id="banner_step_3">
</article>

Answer 1

使用preventDefault()取消点击事件

$("#next_btn_show_step_3").click( function (evt) {
    $("#banner_step_3").slideDown(500);
    evt.preventDefault();
});