LINK Anchor to Section Does Not Work in Firefox

Question

$(window).load(function() {
  $('a.scroll').each(function() {
    var id = $(this).attr('href');
    if (id.match('^#')) {

      var target = $(id).offset().top - 65;
      var title = $(this).attr('title');

      $(this).on('click tap', function() {
        $('body').animate({
          scrollTop: target
        }, 1000);
        history.pushState({
          foo: title
        }, title, id);
        return false;
      });
    }
  });
});

Same Page

<a href="pecas-servicos#qualidade" class="scroll" title="{!! trans('master.menu.qualidade')">Qualidade</a>

Other Page

<a href="pecas-servicos/contato#qualidade" class="scroll" title="{!! trans('master.menu.qualidade')">Qualidade</a>

When I am on the HOME page and I click on LINK it works to scroll to the section I clicked.

But if I am on another page the same does not happen. It even goes to HOME, however, descends to the bottom page.

Answer 1

It does not recognize the post via Strange Script not only work on Firefox. Two things I would try.

1. Put the Full URL follows a test I put on my website ( http://papoinformal.com.br/teste/anchor.html );
2. Force the URL by taking the parameter and finding the correct part of the page like this ( https://stackoverflow.com/questions/19491336/get-url-parameter-jquery );

Talk later if any of them worked.