Javascript

[Dries]

Hello, I'm trying to add javascript code to make my header sticky, but for some reason the whole website breaks when I add the javascript (no css layout). The code works on my localhost without any problems.

I'm wondering how I can fix this, am I doing something wrong?

    <script>
        window.onscroll = function() {myFunction()};
        
        let navbar = document.getElementById("navbar");
        let headerspace = document.getElementById("header-space");
        let sticky = navbar.offsetTop;
        
        function myFunction() { 
        if(window.scrollY==0){
            navbar.classList.remove("sticky");
            headerspace.classList.remove("spacing");
            navbar.classList.add("header")
          } else {
            navbar.classList.add("sticky")
            headerspace.classList.add("spacing");
            navbar.classList.remove("header");
          }
        }
    </script>

 

[Dries]

The solution to this problem is to add the {literal} smarty tag in your code.

[ShiyaWare]

You got it, nice.