Получить сохраненную позицию прокрутки по щелчку

Question

Кнопка, она может находиться в любом месте по вертикали в центре страницы. при нажатии на эту кнопку открывается всплывающее окно, а тело прокручивается вверх. Теперь при нажатии кнопки всплывающего окна всплывающее окно исчезает, но прокрутка должна совпадать с той, где она была запущена.

Трудно объяснить, пожалуйста найти ссылку изображение и jsfiddle link

Здесь JS код:

$('#popUp').click(function(e){ 
    $('body').animate({scrollTop:0}, 400); 
    $('.overlay').slideDown(300, function(){ 
     $('.openPopup').fadeIn(300); 
    }); 
    e.preventDefault(); 
}); 
$('.close').click(function(e){ 
    $('.openPopup').fadeOut(300, function(){ 
     $('.overlay').slideUp(300); 
    }); 
    e.preventDefault(); 
}); 

Answer 1

Demo

.scrollTop() - это то, что вы хотите. Храните его открытым, затем используйте сохраненные данные при закрытии.

var scrolltop; 

$('#popUp').click(function(e){ 
    scrolltop = $(document).scrollTop(); // store it 
    $('body').animate({scrollTop:0}, 400); 
    $('.overlay').slideDown(300, function(){ 
     $('.openPopup').fadeIn(300); 
    }); 
    e.preventDefault(); 
}); 
$('.close').click(function(e){ 
    $('.openPopup').fadeOut(300, function(){ 
     $('.overlay').slideUp(300); 
    }); 
    //$(document).scrollTop(scrolltop); // use it 
    $('body').animate({scrollTop: scrolltop}, 400); // animate to scrolltop 
    e.preventDefault(); 
}); 

Answer 2

Вы можете попробовать этот путь. смотрите здесь http://jsfiddle.net/k9nL0s52/4/

$(document).ready(function(){ 

var track_position; // this is for tracking your scrolled position 

    $('#popUp').click(function(e){ 
    $('body').animate({scrollTop:0}, 400); 
    $('.overlay').slideDown(300, function(){ 
     $('.openPopup').fadeIn(300); 
    }); 
    e.preventDefault(); 
    track_position = $('body').scrollTop(); //get current postion 
}); 
$('.close').click(function(e){ 
    $('.openPopup').fadeOut(300, function(){ 
     $('.overlay').slideUp(300); 
    }); 
    e.preventDefault(); 
    $('body').scrollTop(track_position); // set previous position after close click 
}); 

});