Scroll to top not working after ajax
<p>Sorry for the long explanation: I have not been a coder for some years now, and time to time I return to do some projects because of budget issues. I am currently running this site for educational purposes, that informs the community about the benefits of animal-humans interactions. We do much some entertainment posts, but most are written by veterinary doctors. Recently I add to organize the site posts into categories i.e dog cats vaccines, etc. Since the site is not very optimised and the server is kind of slow I made a lateral menu calling post via Ajax.
The problem I am facing is that despite my efforts of placing a:</p>

<ul>
<li>window.scrollTo(0, 0);

<ol start="2">
<li>$('html, body').animate({ scrollTop: 0 }, 'slow');</li>
<li>$('html, body').animate({ scrollTop: 0 }, 0);</li>
<li>A settimeout function to deal with the AJAX loading</li>
</ol></li>
</ul>

<p>Nothing works. I am probably being dense about this but it is taking me days to figure out what am not seeing. And is rendering the site not very functional.
The site is www.guiadocao.com the menu on the site when you click does not go up after loading the contents. I am not asking anyone to debug this but honestly i ran all the option available. So just appreciate if a fresh pair of eyes could shed new light into this.</p>

<p>Regards to all, </p>