Al principio: estoy trabajando con HTML y PHP, así que no hay consejos para js. Construí un sitio web que muestra algunos datos. Es mucho más largo que el tamaño de una pantalla, así que creé un enlace href=" #down" y href=" #up" al principio y al final de la página con los contenedores div correspondientes (con ID #up y #down) . Al final de la página, también tengo algunos botones como mostrar temperatura (por ejemplo). Estos botones están vinculados a una función de publicación que lee y refleja la temperatura en la parte superior del sitio web. Pero: si hice clic en el enlace descendente, hay una extensión en la dirección web como "../index.php#down". Entonces, cuando hago clic en el botón "mostrar temperatura", muestra la temperatura en la parte superior, pero el sitio web aún se desplaza hacia abajo debido a este hashtag. Antes de agregarlos, tenía que desplazarme hacia abajo todo el tiempo, pero al menos la presentación saltó a la parte superior nuevamente cuando hice clic en el Botón. Sé que hay algunas soluciones con JS, pero tengo la pregunta, si es posible eliminar la extensión "#down" haciendo clic en el botón $post-linked (ya sea al hacer clic en el botón o en la función posterior ejecutada) . Muchas gracias :)!
Agregué mi código:
<html> Header, Title, etc. <?php echo '<br><a href="#down">↓ Scoll down ↓</a></p>'; if (isset($_POST['tempNow'])) { echo '<p>The temperatuere right now is: [<span style="color:Tomato">'; echo shell_exec('head -n 1 /sys/class/thermal/thermal_zone0/temp | xargs -I{} awk "BEGIN {printf \"%.2f\n\", {}/1000}"'); echo ' C</span>], Systemtime: ' . shell_exec('date'); echo '.</p>'; }?> *** LONG LISTE OF DATA ON THE WEBSIDE*** <form method="post"> <p> <button name="tempNow">Show temp. right now</button> </p> </form> <a href="#">↑ Scroll up ↑</a> <div id="down"></div> </body> </html>¿Esto ayuda? Cuando hago clic en Scroll-Down, agrega "#down" a mi URL. Ahora, cuando hago clic en el botón, se vuelve a cargar, agrega la temperatura en la parte superior, pero debido a que todavía se agregó "#down" a la URL, la vista permanece desplazada hacia abajo en la parte inferior del sitio web.
pd .: Tal vez deba mencionar: para desplazarse hacia arriba, es suficiente agregar un "#" en el href. Pero supongo que todos ustedes ya saben eso.
Entonces, cuando hago clic en el botón "Mostrar temperatura", muestra la temperatura en la parte superior, pero el sitio web todavía se desplaza hacia abajo debido a este hashtag.
Para evitar que el sitio web se desplace hacia abajo cuando hace clic en el botón "Mostrar temperatura", envuelva el botón en un hipervínculo con el atributo id similar al botón mismo.
<a href="#show-temp"><button name="tempNow" id="show-temp">Show temp. right now</button></a>Si el botón "mostrar temperatura" es enviar un formulario, esto te puede interesar: