Navigate back to the last scroll position in Thumbnail Grid

Markus

Hey guys,

its possible to navigate back in the Thumbnail Grid at same position and on same height where I was before?
In my Project-Thumbnail Grid it doesn't work.

Thanks and best regards
Markus

Richard

Dear Markus @Markus

I believe you might be helped by the use of cookies:
https://us.norton.com/internetsecurity-privacy-what-are-cookies.html

There are Plugins for Cookies that work with wordpress however if they clash with Lay Theme this is something out of our control as they all have slightly different operations and keeping up with all these would be impossible, apologies that i cannot provide further support within this.

But have a go if you wish, the simpler the better i would think.

Alternatively if you wish to go a little into coding yourself (basics) you could find a workaround that fits for you:

https://stackoverflow.com/questions/25168861/take-user-back-to-where-they-scrolled-to-on-previous-page-when-clicking-browser

https://stackoverflow.com/questions/32573532/jquery-how-to-return-to-the-exact-same-scroll-position-when-going-back-to-previ/41588488

https://stackoverflow.com/questions/17642872/refresh-page-and-keep-scroll-position

This would require basic knowledge of JS / jQuery that you would be adding within "Lay - Options - Custom CSS & HTML:
Screen Shot 2020-09-14 at 2.51.54 PM.png

Additionally some documentation on the Lay Theme Website:

https://laytheme.com/documentation.html#custom-javascript

https://www.khanacademy.org/computing/computer-programming/html-css/web-development-tools/a/using-the-browser-developer-tools

Best wishes and Good luck :)

Sincerely
Richard

Markus

Hey @Richard-Keith, thank you very much for your answer. I check your links, thanks! :)

Best,
Markus

Markus

Hey @Richard-Keith It works... your first link ;)

I'm still trying to improve the code. It slides too long back, but changing the numbers of the code has caused disruptions so far.

Best & thanks!
Markus

<script>
window.laytheme.on("newpageshown", function(layoutObj, type, obj){


  jQuery(window).scroll(function () {
        //set scroll position in session storage
        if (jQuery(window).scrollTop() > 500)
          sessionStorage.scrollPos = jQuery(window).scrollTop();
      });

      var init = setTimeout(function(){
         //return scroll position in session storage
         if (sessionStorage.scrollPos > 500){
            jQuery("html").animate({ scrollTop: sessionStorage.scrollPos },2000);
          }
        },1000);
      window.onload = init;
  
  });
</script>

Richard

Dear Markus @Markus

So changing the number's / values doesn't work for you?
Just to understand better "It slides too long back"

This means it goes too far past the point? not that it is slow,

Could you post a link to your website with the example in question and i will have a better idea, strange that changing the values causes such a disruption, are you making sure that both '500' & the secondary '500' are set the same e.g '700' & '700" ?

Best
Richard

Markus

Hey @Richard-Keith, thanks for your answer.

I only tested the code for some minutes. No more in the site :(
If you like you can put the code in every lay theme "Custom <head> content" area.

Changing numbers works not fine :( Destroys the complete function often, the layout begins to tremble.

Would be great if the site comes back only to the last position without the "special effects" ;)

Best & have a great week!
Markus

Baptiste

Hey @Markus,

Is it working for you? I'm using the fullscreen slider but it doesn't seams to work in my case. If you found a solution it would be nice.

Best.

Baptiste

Any solutions or ideas about that @arminunruh or @Richard-K?

Markus

Hey @Baptiste

Fullscreen slider no idea ;(

But after the last update it works great with the "back-function" in the "thumbnail grid" without special codes.

Best