Save to localStorage the position to hold it when reloading the page

Question

When the user clicks on a given button the scroll position of an element is changed. I would like this action to be stored in Localstorage, but I do not know... can help me?

Here my script:

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

example: https://jsfiddle.net/g43rmesL/

Answer 1

You can add a callback that will be called to the end of the animation:

//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; 
});

Working example: https://jsfiddle.net/g43rmesL/1/

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