Impostazione della posizione verticale della pagina HTML con JavaScript
-
03-07-2019 - |
Domanda
Ho una pagina HTML che scorre su e giù (non molto, ma scorre). Come posso impostare la posizione di scorrimento nella pagina dopo aver eseguito JavaScript?
Sto usando jQuery per iniettare dell'HTML aggiuntivo nella parte inferiore della pagina e vorrei scorrere programmaticamente fino alla posizione di quel nuovo contenuto dopo che è stato aggiunto.
Soluzione
Un altro modo per farlo, in modo da avere l'opzione:
Nell'HTML che stai aggiungendo nella parte inferiore della pagina, puoi inserire un tag di ancoraggio con nome e quindi modificare l'URL in modo che la pagina si sposti lì (FYI: non aggiornerà la pagina).
// add HTML like this, dynamically:
// <a name="moveHere" />
// the javascript to make the page go to that location:
window.location.hash = "moveHere";
A seconda di ciò che stai facendo, questa potrebbe essere o non essere una soluzione utile.
Altri suggerimenti
Prova a utilizzare window.scroll
.
Esempio:
// put the 100th vertical pixel at the top of the window <button onClick="scroll(0, 100);">click to scroll down 100 pixels</button>