Olá pessoal. Direto ao ponto. Nesta URL gostaria que ao clicar em um link qualquer memorizasse a posição final do scroll ou seja impedisse scroll de voltar para topo . Segue abaixo o código que esta na URL
<style>
.lateral{width:160px; height:98%; overflow: auto; position:fixed; top:0; float:left;background:#C1C1C1;}
.direita{max-width:300px; background-color:#EBEBEB; float:left; margin-left:200px; }
.b1{margin-top:500px; margin-bottom:500px; display:block;}
</style>
...
<div class="lateral">
<b class="b1">...</b>
<a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina1.php" >pagina1</a>
<b class="b1">... </b>
<a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina2.php" >pagina2</a>
<b class="b1">...</b>
</div>
<div class="direita"> voce estar na pagina 1 </div>
<!-------------------------------------------------->
<div class="lateral">
<b class="b1">...</b>
<a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina1.php" >pagina1</a>
<b class="b1">... </b>
<a href="zzz4_memorizar-posicao-final-do-scroll-ao-carregar-a-pagina2.php" >pagina2</a>
<b class="b1">...</b>
</div>
<div class="direita"> voce estar na pagina 2 </div>
...
let sidebar = document.querySelector(".lateral");
//var sidebar = document.querySelector(".lateral").scrollTop;
let top = localStorage.getItem("sidebar-scroll");
if (top !== null) {
sidebar.scrollTop = parseInt(top, 10);
//sidebar = parseInt(top, 10);
}
// beforeunload onbeforeload
window.addEventListener("beforeunload", () => {
localStorage.setItem("sidebar-scroll", sidebar.scrollTop);
//localStorage.setItem("sidebar-scroll", sidebar);
});
Olá pessoal. Direto ao ponto. Ao clicar no link o valor 200 aparece e some. Gostaria que aparecesse e permanecesse. Quero muito resolver a tarefa abaixo somente com javascript sem php .
<a href="pagina1.php" onClick="func_1()">link</a><br><br>
<p id="p1"></p>
<script>
function func_1(){
var x = 200;
document.getElementById('p1').innerHTML = x;
}
</script>
Olá pessoal . Direto ao ponto. Abaixo temos EX1 e EX2.
Ex1 mesmo atualizando a página(f5) o valor green permanece.
Ex2 também gostaria que mesmo atualizando a página(f5) o valor fiat permanecesse. Lembrando que Ex2 tem uma função e um botão. Obrigado !
EX1
localStorage.setItem('color', 'green');
var tete = localStorage.getItem('color');
console.log(tete);
//=============================================
EX2
<button onclick="func_1()">botão</button>
function func_1(){
localStorage.setItem('carro', 'fiat');
var tete = localStorage.getItem('carro');
console.log(tete);
//document.onchange=tete;
}