Tengo un botón "Nuestros servicios" en la barra de navegación y quiero que se desplace hacia abajo hasta la sección Nuestros servicios de la página de inicio. Encontré algo de jQuery que lo hace muy bien. Sin embargo, si está en una página diferente en lugar de la página de inicio y hace clic en el botón de la barra de navegación, no me lleva a ese elemento en la página de inicio. Intenté incluir un href para el botón, pero eso no funciona cuando estás en la página de inicio porque solo hace que se desplace y luego carga la nueva página.

Si pudiera obtener un código jQuery que cambiará de página cuando se haga clic en el botón, pero solo si no está en la página de inicio, y LUEGO me desplazaré al elemento después de ese cambio, eso sería ideal.

Pero soy muy nuevo en javascript y no estoy seguro de cómo lograr esto. Estos son los elementos con los que estoy trabajando:

El botón de la barra de navegación que activaría el cambio de página/desplazamiento:

 <a id="ourservices"> Our Services </a>

El elemento en la página de inicio al que quiero desplazarme:

 <div class="bestsellers" id="homeFeaturedCategoriesTitleRow"> <h3> Our Services </h3> </div>

Este es el jQuery que estaba usando que solo funciona en la página de inicio:

 $("#ourservices").click(function() { $([document.documentElement, document.body]).animate({ scrollTop: $("#homeFeaturedCategoriesTitleRow").offset().top - 200}, ); });

¡Muchas gracias! cualquier respuesta es apreciada.