Skip to content

Instantly share code, notes, and snippets.

@alexmoleiro
Created June 28, 2014 23:29
Show Gist options
  • Select an option

  • Save alexmoleiro/4f3b9eb8cecbcf8f83a4 to your computer and use it in GitHub Desktop.

Select an option

Save alexmoleiro/4f3b9eb8cecbcf8f83a4 to your computer and use it in GitHub Desktop.
Mantener el popup modal siempre en pantalla. Limitarlo al scroll. Ejemplo de miniaturas en moleiro.com
var alturaTop;
Modal.muestraModal = function(html,ancho){
alturaTop = $(window).scrollTop();
$("#mensajeModal").css("top", alturaTop); //pongo la ventana arriba
$(window).scroll(function() {
if ($("#mensajeModal").height() > $(window).height()) //si el modal es más grande que la ventana del navegagor
{
Modal.MantenLimitesModal();
}
else{
$("#mensajeModal").css("top", $(window).scrollTop() );
}
}
);
};
Modal.MantenLimitesModal = function() {
if ($(window).scrollTop() < alturaTop) { //si la ventana sube por encima de la referencia, la ajusto. Va bien por arriba
alturaTop = $(window).scrollTop();
$("#mensajeModal").css("top", alturaTop );
}
if ($(window).scrollTop() > alturaTop + $("#mensajeModal").height() - $(window).height()) {
alturaTop = $(window).scrollTop() - $("#mensajeModal").height() + $(window).height() - 40;
$("#mensajeModal").css("top", alturaTop);
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment