单击按钮

Question

我正在创建我必须隐藏并显示div的部分。一切都工作得很好，除了当我点击按钮继续下一部分它滚动到顶部，然后我必须再次向下滚动以查看该部分。我搜索过这个解决方案，我发现许多人都说要使用e.preventDefault（），但dint对我有用。 Againg我看到了这个event.preventDefault？ event.preventDefault（）：event.returnValue = false;它也起作用了。 下面是我要滚动的按钮和js代码。

<a href="#order"><button type="button" class="btn btn-default btn_order">ORDER NOW</button></a>

$('.btn_order a').on('click', function(){
    $('html, body').animate({
        scrollTop: $( $.attr(this, 'href') ).offset().top
    }, 5000);
            return false;
})

此按钮用于向下滚动到放置问题的部分。

下面是显示下一部分并隐藏上一部分的按钮

<button type="button" class="btn btn-default abc_right  next_btn">Continue</button>

JS：

$('.abc_right').bind('click', function(event){
    event.preventDefault();
    if($('.amount_wrap input:text').val().length == 0){
        setNotification('error', "Please enter min stamp amount Rs 100!");
    }
    else{
        $('.select_doc').show();
        $('.estamp_wrap').hide();
    }
})

当我点击此按钮时，它会向上滚动，我不希望div向上滚动。任何帮助，将不胜感激。我无法找到冲突的原因。