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. Quero clicar em um link qualquer e exibir seu conteúdo sem refresh na página.
<div id="box">
<a href="pagina1.php">pagina 1 </a><br> <br>
<a href="pagina2.php">pagina 2 </a><br> <br>
</div>
<div id="conteudo">
conteudo da pagina 1
</div>
==========================
esta á a pagina2.php
<div id="box">
<a href="pagina1.php">pagina 1 </a><br> <br>
<a href="pagina2.php">pagina 2 </a><br> <br>
</div>
<div id="conteudo">
conteudo da pagina 2
</div>