Função para voltar ficando na mesma altura da página anterior

  • Autor Autor ultracobra
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
ultracobra

ultracobra

Ni
Quiero un script que habilite que cuando se devuelva en cualquier parte de la pantalla se haga volver al botón, y se quede exactamente a la altura de la pagina donde estaba.

Qué otra cosa debo tener en cuenta pues probé variaciones que no me funcionaron:

JavaScript:
Quiero un script que habilite que cuando se devuelva en cualquier parte de la pantalla se haga reward o algo asi, se quede exactamente a la altura de la pagina donde estaba
JavaScript:
//
history.scrollRestoration = 'manual';
window.addEventListener('scroll', () => {
  history.replaceState({ scrollTop: window.pageYOffset }, '');
});

//
window.addEventListener('popstate', (event) => {
  if (event.state) {
    window.scrollTo({ top: event.state.scrollTop, behavior: 'smooth' });
  }
});

JavaScript:
window.addEventListener('beforeunload', () => {
  const scrollPosition = {
    x: window.scrollX,
    y: window.scrollY
  };
  sessionStorage.setItem('scrollPosition', JSON.stringify(scrollPosition));
});

//
window.addEventListener('load', () => {
  const scrollPosition = JSON.parse(sessionStorage.getItem('scrollPosition'));
  if (scrollPosition) {
    window.scrollTo(scrollPosition.x, scrollPosition.y);
    sessionStorage.removeItem('scrollPosition');
  }
});

JavaScript:
//
history.scrollRestoration = 'manual';
window.addEventListener('scroll', () => {
  history.replaceState({ scrollTop: document.documentElement.scrollTop || document.body.scrollTop }, '');
});

//
window.addEventListener('popstate', (event) => {
  if (event.state) {
    window.scrollTo({ top: event.state.scrollTop, behavior: 'smooth' });
  }
});
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
El código que estás usando parece correcto para recordar la posición del scroll al volver a una página anterior. Sin embargo, debes tener en cuenta que el comportamiento del botón de "volver" del navegador puede variar según el navegador y la plataforma que se esté utilizando.

Para asegurarte de que el botón de "volver" del navegador funcione correctamente y vuelva a la posición del scroll, es importante que estés navegando en el mismo sitio web. Si cambias de sitio web, es posible que el botón de "volver" no restaure la posición del scroll.

También debes verificar que tu página no esté usando algún tipo de enrutamiento dinámico (por ejemplo, con JavaScript) que pueda interferir con la funcionalidad del botón de "volver" del navegador. Si el enrutamiento se hace de forma dinámica, es posible que necesites usar una biblioteca adicional para administrar el histórico del navegador y el scroll.
 
Ejemplo visual?
 

Anexos

  • Sin títuloFB.webp
    Sin títuloFB.webp
    41,4 KB · Visitas: 20
Voltar
Topo