ZenphotoCMS Forum
Saving scroll position - Printable Version

+- ZenphotoCMS Forum (https://forum.zenphoto.org)
+-- Forum: Support (https://forum.zenphoto.org/forum-1.html)
+--- Forum: Themes (https://forum.zenphoto.org/forum-5.html)
+--- Thread: Saving scroll position (/thread-12025.html)



Saving scroll position - Noppes - 04-10-2014

Hi,

I was wondering if someone can give me a code example for saving the scroll position of the browser with jquery? In my theme the user needs to scroll a little bit down so see the comments. When the user clicks to the next picture (or is doing a browser refresh) the browser should restore the last scroll position. I found out that it is possible to do it with jquery that my theme is using anyway. But I don't know how do it. Can someone give me an code example?

Thanks

Norbert




Saving scroll position - acrylian - 04-10-2014

Saving any real scroll position would require cookies per user. What you probably wish is to scroll to a specific element. You would just have to add an id to an element. Say the image gets id="image". Then add to your links #image and it will scroll to that. No jQuery needed at all.




Saving scroll position - acrylian - 05-10-2014

Addition: To add you can of course scroll directly using the jQuery Plugin scrollto:
http://demos.flesler.com/jquery/scrollTo/
Might be easier than editing the links on the theme (depending on the theme).




Saving scroll position - Noppes - 05-10-2014

Acrylian, thanks for your help. I am not an expert in php and javascript. What do I need to put into my image.php? I have added the following code into my header of the image.php file:

'

// When the document is loaded... NM
$(document).ready(function()
{
    // Scroll the to the content area
   $.scrollTo( '#content', 800, {easing:'elasout'} );
});

'

Do I need to do more? Do I need to add somehow the scrollto-script function from jquery to my theme or is it allready in zenphoto integrated?

Thanks again for your help

Norbert




Saving scroll position - acrylian - 05-10-2014

You have to add the scrollTo jQuery script to your theme, too. jQuery itself does not have a "scrollTo" function. And you need to have an element with id="content".




Saving scroll position - Noppes - 06-10-2014

Thanks for your hints. With your help I figured it out.I added the follwing code to my header.php and now it is working:

`