Agregué el botón Desplazarse hacia atrás en la parte superior en mi plantilla base (index.html) y funciona perfectamente. Pero cuando voy a otras páginas, el botón no funciona.

¿Alguien puede averiguar qué está mal?

Aquí está mi plantilla de ir a la parte superior de index.html, y puse el mismo código en otra página:

 <div class="go-top"> <i class="fas fa-chevron-up"></i> </div>

principal.js

 $(document).ready(function () { $(function () { // Scroll Event $(window).on("scroll", function () { var scrolled = $(window).scrollTop(); if (scrolled > 400) $(".go-top").addClass("active"); if (scrolled < 400) $(".go-top").removeClass("active"); }); // Click Event $(".go-top").on("click", function () { $("html, body").animate({ scrollTop: "0" }, 500); }); }); });```