Si su pregunta es correcta y desea que el enlace sea exactamente el mismo pero cargue contenido diferente dentro de la página, es posible que desee usar jquery y la función de carga para cambiar un div en su página. Sin embargo, normalmente, para navegar a ese tipo de páginas, simplemente cambiaría la página, ya que deberían estar ubicadas en el mismo dominio (www.yourdomain.com\aboutme.html, www.yourdomain.com\other.html).

Las páginas deben estar en el mismo dominio para que esto funcione, por lo que solo se muestran algunos archivos js en el fragmento.

 function load(link){ $('#contentarea').load(link); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <button onclick="load('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js')">Load Jquery Script Text</button> <button onclick="load('https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js')">Load Flower</button> <div id="contentarea"> </div>

No entiendo completamente su pregunta, pero creo que lo que quiere es que cuando el usuario haga clic en un botón, el navegador se desplace a un capítulo de la página web.

Ni siquiera necesita JavaScript o jQuery para esto, solo cree una etiqueta de anclaje. con el atributo href refiriéndose a la identificación del div o section (esto funciona para cualquier etiqueta, no solo div y section ), suponiendo que la identificación sea "aboutMe" , agregará esto:

 <a href="#aboutMe">About Me</a>

Y el div o section sería:

 <div id="aboutMe"> ... </div>

El navegador se desplazará automáticamente para que la ventana gráfica muestre la sección. También puedes suavizarlo al:

 html { scroll-behavior: smooth; }

También puede agregar relleno de desplazamiento para que, si su barra de navegación es demasiado grande, no se muestre sobre el texto.

 html { scroll-behavior: smooth; scroll-padding: 70px; }

Espero que esto sea lo que estás buscando.