Basado en el desplazamiento (carga infinita), el contenido se agrega al DOM a través de AJAX. Digamos que el usuario cargó 20 páginas de contenido (100 publicaciones nuevas si decimos 5 publicaciones por página); podemos decir que tenemos 100 publicaciones más en comparación con el DOM original que solo contiene la primera página con 5 publicaciones.

Pero cuando el usuario hace clic en un enlace y cambia la URL y luego si quiere regresar con el botón Atrás del navegador; El contenido cargado de AJAX es eliminado por el navegador EN CHROME y esto afecta gravemente la experiencia del usuario.

En Safari, Firefox y Opera, los datos cargados con AJAX no se eliminan del DOM original.

¿Cómo puedo manejar los datos cargados de AJAX en el cambio de página y usando el botón Atrás?

¡Gracias!