défile fenêtre contextuelle Retour vers le haut quand il est fermé

Question

/*CSS */ 
#popup { background-color: #fff; border: 1px #000 solid; display: block; position: fixed; padding: 20px; top: 200px; left: 50%; margin-left: -300px; width: 600px; z-index: 1; } 

/* JQuery */ 
$('#show-popup').live('click', function() 
    { 
     var tempWindow = $('<div id="popup">This is a draggable pop-up window created with JQuery and JQuery UI <a href="#" id="popup-close">Close</a></div>').draggable(); 
     $('body').append(tempWindow); 
    }); 

$('#popup-close').live('click', function() 
{ 
    $(this).parent().remove(); 
}); 

/* HTML */ 
<a href="#" id="show-popup">Open popup window</a> 

Les œuvres de pop-up, il ouvre normalement, vous pouvez le faire glisser autour de la page et il colle à sa position, mais quand vous le fermez, il Revient en haut de la page. Comment puis-je empêcher cela?

Answer 1

Compris; J'ai oublié de retourner false lorsque le lien de fermeture a été cliqué afin qu'il soit redirigé vers page.php #.

Answer 2

Lors de l'événement de fermeture, enregistrez les coordonnées de la fenêtre dans une variable.

var coords = $('#popup').position(); 

Ensuite, lorsque vous l'ouvrez, réglez-le au même emplacement.

$('<div id="popup">...</div>').css({position: 'absolute', top: coords.top, left: coords.left}); 

Il manque une logique ici car vous n'avez pas beaucoup de détails, mais cela devrait faire l'affaire.

Answer 3

essayer cette

$('html, body').animate({ scrollTop: 0 }, 'slow');