Buonasera,
ho la necessità di posizionare un DIV sempre al centro dello schermo anche in caso di scroll.
Il codice che attualmente uso è:
Codice:
function PosizionaWin(){
$(document).ready(function(){
$("#bga").css("height",$("body").height()+100);
$(window).resize(function(){
$("#bgm").css({
position:'absolute',left:($(window).width()-$("#bgm").outerWidth())/2,top:70/*($(window).height()-$("#bgm").outerHeight())/2*/
});
});
$(window).resize();
});
}
Che però mi posiziona il DIV a 70px dal top pagina, mentre se uso il codice originale:
Codice:
function PosizionaWin(){
$(document).ready(function(){
$("#bga").css("height",$("body").height()+100);
$(window).resize(function(){
$("#bgm").css({
position:'absolute',left:($(window).width()-$("#bgm").outerWidth())/2,top:($(window).height()-$("#bgm").outerHeight())/2
});
});
$(window).resize();
});
}
Mi posiziona il DIV a metà della pagina.
Per lo scroll invece uso questo:
Codice:
$(document).ready(function(){
$(window).scroll(function(){
PosizionaWin();
})
})
Ora io ho bisogno che sia al centro dell'area che vedo e, se scrollo la pagina, il DIV deve essere sempre centrato.
Come devo risolvere?