Problema: tengo una sección en mi página (que no está en la vista tan pronto como se carga la página). He agregado un div con una ID (por ejemplo, 'sección1'), de modo que cuando el usuario ingresa a "www.mywebsiteurl.com/#section1", el div correspondiente se muestra para el usuario. Hasta este punto todo funciona perfectamente bien. Ahora, el problema principal que estoy tratando de resolver es que necesito un desplazamiento desde la parte superior (ya que tengo una barra de navegación fija en la parte superior) para que el contenido de la sección no esté detrás de la barra de navegación, sino que comience justo debajo. . Necesito este comportamiento para cuando se carga la página y la URL ingresada por el usuario es "www.mywbsiteurl.com/#section1".

NOTA: Quiero que la sección tenga un desplazamiento tan pronto como la página se cargue con la URL - 'www.mywebsiteurl.com/#section1'

Comportamiento actual -

Comportamiento esperado -