title: Reference to part of the site using existing JavaScript animation
body: <p>I am trying to design a website. I decided to work with this <a href="https://templatemo.com/tm-497-upper" rel="nofollow noreferrer">template</a> from templatemo.</p>
  <p>I am currently trying to add a reference to a specific part of the website (e.g. Contact) in the &quot;normal text area&quot;. I tried to just add a href in the text, like this:</p>
  <pre><code>    Contact me via the &lt;a href=&quot;#contact_form&quot; &gt;Contact Form&lt;/a&gt;
  </code></pre>
  <p>This does not work properly. If I click on the reference, the whole layout is somehow messed up. I assume this is because the click on the link does not trigger the javascript function for the &quot;changing the slide&quot; properly.</p>
  <p><strong>My question is now:</strong><br />
  How can I trigger the javascript functions, for &quot;changing the slide&quot; to a specific part of the page in regular text areas?<br />
  This animation is already implemented and works properly (e.g. it is triggered when clicking on the buttons in the navigation bar).   However, I have no clue how to use the same animation for jumping to a part of the page outside of the navigation bar.</p>
  <p>I hope you understand my problem.
  Thank you in advance for your support!</p>