Javascript does not work correctly on IE and Mozilla

Question

Hello I have a code that makes an animation in the anchorage of the site. When the user clicks on the menu, he scrolls to the anchored location. But it’s only working smoothly in Chrome and Opera. How can I adapt it to work in all browsers?

Animated Scrolling Code with Anchors:

<script src="https://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript">
if ($(window).width() > 640) { 
  $(document).on("click", 'a[href*="#"]', function(e) {

    var target = $(this).attr("href"); //Get the target
    target = target.substring(target.indexOf("#"), target.length);
    var scrollToPosition = $(target).offset().top - 234;

    $('html,body').animate({ 'scrollTop': scrollToPosition }, 600, function(){
       window.location.hash = target;
    });

});

 $(document).ready(function() { 
   if(window.location.hash){ 
     $("a[href*='"+window.location.hash+"']") 
       .attr("onclick","this.click()") 
       .trigger("click") 
       .removeAttr("onclick"); 
   } });

}

  if ($(window).width() < 640) { 
  $(document).on("click", 'a[href*="#"]', function(e) {

    var target = $(this).attr("href"); //Get the target
    target = target.substring(target.indexOf("#"), target.length);
    var scrollToPosition = $(target).offset().top - 30;

    $('html,body').animate({ 'scrollTop': scrollToPosition }, 600, function(){
       window.location.hash = target;
    });

});

 $(document).ready(function() { 
   if(window.location.hash){ 
     $("a[href*='"+window.location.hash+"']") 
       .attr("onclick","this.click()") 
       .trigger("click") 
       .removeAttr("onclick"); 
   } });

}

</script>

Code Setting Menu on the Screen:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript">    

if ($(window).width() > 640) {
   jQuery("document").ready(function($){
    var offset = $('.menu-bar').offset().top;
    var nav = $('.menu_component');

$(document).on('scroll', function () {
        if (offset <= $(window).scrollTop()) {
            nav.addClass('fixar');
        } else {
            nav.removeClass('fixar');
        }
    });

});
}


</script>

I feel that in addition to this error with the animation of scroll up to the anchors, the menu is giving a bug while fixing on the screen.

You can see the working scripts on the website: https://sienpro.catalao.ufg.br/

Then I would like to know if it is possible to make it work in the various browsers. I thank you in advance!