Div centralizada vertical/horizontal, e fixa com rolagem da janela
Hehe, salve salve!!
Acabei de fazer um post: Div centralizada vertical/horizontal, e fixa com resize da janela, mas ai vi que faltava uma coisa nele:
A div se movimentar junto com a rolagem da janela(tecnicamente), ou seja, a DIV ficar fixa(aparentemente pro usuario).
Aquela coisa chata de propagandas, em que vc vai rolando o site, e tem um treco na frente.. que não sai do meio da tela.
Apesar de chato pro usuário, ajuda bastante os desenvolvedores a divulgar informações.
Pequena alteração no outro script:
Onde era somente:
window.onload = function(){
calcMarginTop();
}
Agora deve ficar assim:
var marginTopoInicial;//criando variavel de escopo global
window.onload = function(){
calcMarginTop();
marginTopoInicial = parseInt( getMarginTop( id('main') ) );//recuperando o marginTop inicial
}
window.onscroll = function(){
id('main').style.marginTop = marginTopoInicial+window.pageYOffset+'px';//levando em conta o scroll
}
=) por enqnto é isso.