1

Quando o usuário clica em um determinado botão a posição scroll de um elemento é alterado. Gostaria que essa ação ficasse armazenada no LocalStorage, porém não sei fazer... podem me ajudar?

Aqui meu script:

$('.btn.parteum').click(function(){ 
      $('#textarea').animate({ scrollLeft: 0 }, 400);
      return false; 
});
$('.btn.parte2').click(function(){ 
      $('#textarea').animate({ scrollLeft: 140 }, 400);
      return false; 
});

exemplo: https://jsfiddle.net/g43rmesL/

1 Resposta 1

3

Você pode adicionar um callback que será chamado ao fim da animação:

//recupera o valor salvo ao recarregar a pagina
if(localStorage.getItem('scrollposition')){
     $('#textarea').scrollLeft(localStorage.getItem('scrollposition'));
}

$('.btn.parteum').click(function(){ 
      $('#textarea').animate({ scrollLeft: 0 }, 400, function(){
          localStorage.setItem('scrollposition', 0);
      });
      return false; 
});
$('.btn.parte2').click(function(){ 
      $('#textarea').animate({ scrollLeft: 140 }, 400, function(){
          localStorage.setItem('scrollposition', 140);
      });
      return false; 
});

Exemplo funcionando: https://jsfiddle.net/g43rmesL/1/

http://api.jquery.com/animate/

10
  • obrigado pela resposta! aqui não funcionou... vc testou? ou será que eu não estou sabendo colocar lá?... coloquei exatamente como está aí. Commented 6/12/2018 às 14:46
  • Seu código na pergunta é insuficiente para testar. Adiciona seu html à pergunta que eu testo e tendo achar o erro. Commented 6/12/2018 às 14:48
  • Aqui, fiz um exemplo no fiddle: jsfiddle.net/g43rmesL Commented 6/12/2018 às 15:11
  • Está salvando no localStorage normalmente Commented 6/12/2018 às 15:12
  • ué, aqui quando eu recarrego a página não fica na posição do scroll do botão 2, volta pro primeiro Commented 6/12/2018 às 15:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .