come ricordare la posizione di scorrimento della pagina

Question

Sto inviando alcuni dati al mio database, quindi ricarico la stessa pagina di quando l'utente era solo su, mi chiedevo se c'è un modo per ricordare la posizione di scorrimento che l'utente era solo su?

Answer 1

mi sono reso conto che avevo perso la parte importante di invio, quindi, ho deciso di modificare il codice per memorizzare il cookie sull'evento click anziché il modo originale di memorizzarlo durante lo scorrimento.

---

Ecco un modo jquery di farlo:

jsfiddle _{(Basta aggiungere /show alla fine della URL se si desidera visualizzare al di fuori dei telai)}

Molto importante, Avrò bisogno del jquery cookie plugin.

jQuery:

// When document is ready... 
$(document).ready(function() { 

    // If cookie is set, scroll to the position saved in the cookie. 
    if ($.cookie("scroll") !== null) { 
     $(document).scrollTop($.cookie("scroll")); 
    } 

    // When a button is clicked... 
    $('#submit').on("click", function() { 

     // Set a cookie that holds the scroll position. 
     $.cookie("scroll", $(document).scrollTop()); 

    }); 

}); 

---

---

Ecco ancora il codice della risposta originale:

jsfiddle

jQuery:

// When document is ready... 
$(document).ready(function() { 

    // If cookie is set, scroll to the position saved in the cookie. 
    if ($.cookie("scroll") !== null) { 
     $(document).scrollTop($.cookie("scroll")); 
    } 

    // When scrolling happens.... 
    $(window).on("scroll", function() { 

     // Set a cookie that holds the scroll position. 
     $.cookie("scroll", $(document).scrollTop()); 

    }); 

}); 

---

@ La risposta di Cody mi ha ricordato qualcosa di importante.

L'ho fatto solo per controllare e scorrere fino alla posizione in verticale.

Answer 2

Bene, se usi _targets nel tuo codice puoi salvarlo.

Oppure, è possibile eseguire una richiesta Ajax per ottenere la finestra. Altezza.

document.body.offsetHeight; 

Poi li goccia posteriore, danno la variabile da javascript e spostare la pagina per loro.

Answer 3

(1) Soluzione 1:

primo luogo, ottenere la posizione di scorrimento da JavaScript quando si fa clic sul pulsante di invio.

In secondo luogo, includere questo valore di posizione di scorrimento nei dati inviati alla pagina PHP.

In terzo luogo, il codice PHP dovrebbe scrivere di nuovo questo valore in HTML generato come una variabile JS:

<script> 
var Scroll_Pos = <?php echo $Scroll_Pos; ?>; 
</script> 

In quarto luogo, utilizzare JS per scorrere fino a posizione specificata dalla variabile JS 'Scroll_Pos'

(2) Soluzione 2:

Salvare la posizione in cookie, quindi utilizzare JS per scorrere fino alla posizione salvata quando la pagina viene ricaricata.

Answer 4

Memorizzare la posizione in un campo nascosto.

<form id="myform"> 
    <!--Bunch of inputs--> 
</form> 

che con jQuery memorizzare lo scrollTop e scrollLeft

$("form#myform").submit(function(){ 
    $(this).append("<input type='hidden' name='scrollTop' value='"+$(document).scrollTop()+"'>"); 

    $(this).append("<input type='hidden' name='scrollLeft' value='"+$(document).scrollLeft()+"'>"); 
}); 

che sul prossimo aggiornamento della pagina fare un redirect o stamparli con PHP

$(document).ready(function(){ 
    <?php 
     if(isset($_REQUEST["scrollTop"]) && isset($_REQUEST["scrollLeft"])) 
     echo "window.scrollTo(".$_REQUEST["scrollTop"].",".$_REQUEST["scrollLeft"].")"; 
    ?> 
});