Question

After looking for several hours and not finding an answer either way I decided to come to you, oh great community of people who I always look to for help. I have an iframe that when scrolled by my user, they leave, then come back, we’d like to use scrollto to bring back to the right position. So how can I save/export/add to variable the x and y of this iframe or is that impossible?

Answer 1

You can save the x,y variables to cookie using this jquery plugin: https://github.com/carhartl/jquery-cookie

Example:

$(window).unload(function() {
    //save scroll on unload
    $.cookie('scroll_x',$("#yourElementId").scrollLeft());
    $.cookie('scroll_y',$("#yourElementId").scrollTop());
});
$(document).ready(function() {
    //restore scroll when the dom is ready
    var x = $.cookie('scroll_x');
    var y = $.cookie('scroll_y');
    if( x != null ) $("#yourElementId").scrollLeft(x);
    if( y != null ) $("#yourElementId").scrollTop(y);
});

Where the id of your element your want to scroll is “yourElementId”.