Tengo una tarjeta de elementos en mi sitio web. La tarjeta tiene una longitud personalizada que contiene fotos y comentarios de varios tamaños y hay un botón de envío en la parte inferior. Todo se ve así:

Hay un problema de que el usuario regresa al mismo lugar después de recargar la página (después de presionar el botón enviar). Si lo envía a una identificación específica, puede parecer que ha regresado a otro lugar. Abajo hay otra carta, arriba hay otra. ¿Hay alguna forma sencilla de usar JS o jQuery para que el usuario vuelva al mismo lugar (exactamente el mismo)? Por ejemplo, guardando su altura desde la parte superior y cargándola cuando el usuario regresa para recibir respuestas del servidor.

El código HTML se ve así:

 <!-- loop for card in cards --> <div class="card" id="{{ card.id }}"> <img id="img"> <div id="comments"></div> <form method="POST"> {% csrf_token %} <button type="submit">I Like this topic</button> </form> </div>