Customization history.state

[uinz]

Hi, I have a problem

I want to store #main-container(overflow:scroll)'s scrollTop,
that when I click browser's back button, I can use it to set scrollTop.

But, I find I can't write anything in history.state, it will rewrite by turbolinks

> history.state.scrollTop = 200`
< Object {turbolinks: true, url: "http://localhost:3000/",scrollTop:200} 

change page and back

> history.state
< Object {turbolinks: true, url: "http://localhost:3000/"} 

I had to use localStorage

      $(document).on('page:before-change', function(){
        localStorage[location.pathname] = $('.main-container').scrollTop();
      })
      $(document).on('page:change', function(e){
        $('.main-container').scrollTop(localStorage[location.pathname])
      })

how cant I use history.state to do this ?