Prevent scroll bar from not moving at the top

Question

How can i prevent my scroll bar to not move at the top on click event. Visit https://wazoodle01.wsisites.net/knowledge-base/order-information/wholesale-faq.html# and click on any option listed below.You will see the scroll bar goes to the top. How to prevent that. here is my code .

 `<script type="text/javascript">jQuery(document).ready(function(){
jQuery('.faq-main-content').hide();jQuery('.faq-main-content.faq-content').hide();
jQuery(".faq-content-header").delegate('a','click',function(e){
    if(jQuery(e.target).data('link')!=='redirect'){
        jQuery(e.target).toggleClass('question_minus').parent().next('.faq-content').slideToggle();e.preventDefault();
        }});
        jQuery(".faq-header").delegate('a','click',function(e){
            jQuery(e.target).toggleClass('section_minus').parent().next('.faq-main-content').slideToggle();
            if((jQuery(e.target).parent().next('.faq-main-content').children('.faq-content').is(':visible'))){
                jQuery(e.target).parent().next('.faq-main-content').children('.faq-content').slideUp();
                if(jQuery(e.target).parent().next('.faq-main-content').children('.faq-content-header').children('a').is(".question_minus")){
                    jQuery(e.target).parent().next('.faq-main-content').children('.faq-content-header').children('a').removeClass('question_minus');
                    }}

e.preventDefault();
 })});</script>`

Answer 1

That is happening because you have href="#", your options are to remove href="#" (valid HTML5) or add the below javascript inside your click event:

e.preventDefault();