Como agrandar un div a pantalla completa y acomodarElScroll al nuev contenidoOBloquea

[jaspher]

Hola amigos, ando buscando algo como esto.
Como haria para agrandar un div a pantalla completa y acomodar el scroll al nuevo contenido,
algo para que me puedan entender.

Digamos que hay div con una imagen o algo en alguna parte de la pagina y tenga un boton para poder agrandar el div hasta llenar toda la pantalla, con ancho de 100% y altura de 100%, llenar la pantalla, pero cuando este llena la pantalla, el scroll debe desaparecer(solo si el contenido llena la pantalla) para que no se pueda subir ni bajar.

Otro caso.
Digamos que el nuevo contenido al agrandar tiene las condiciones especificas altura de 1000px y de ancho al 100% del ancho de la pagina, el scroll debe aparece para poder bajar y subir solamente al nuevo contenido de 1000px si supera la altura del navegador.

Bueno espero me hayan entendido.

Espero me puedan ayudar, si uds desean con jquery, para hacerlo mas facil.
Gracias y saludos
acá una imagen.para ayudar

[ocp001a]

Primero debes saber obtener el tamaño de la ventana del navegador:

Código Javascript:

function ancho_pantalla(){
    if (navigator.appName.indexOf('Explorer') != -1)
        return document.body.parentNode.scrollWidth;
    else
        return window.innerWidth;
}
function alto_pantalla(){
    if (navigator.appName.indexOf('Explorer') != -1)
        return document.body.parentNode.scrollHeight;
    else
        return window.innerHeight;
}
 

Luego el contenido del div lo puedes cambiar variando su estilo, con algo como esto:
document.getElementById('div').style.width=ancho_p antalla()+'px';
document.getElementById('div').style.height=alto_p antalla()+'px';

El scroll también se puede controlar, aunque no veo necesidad, pues debería acomodarse en automático.

[jaspher]

bueno ya no quiero complicarme más, por el momento quisiera saber como desaparece el scroll cuando agrando un contenido al 100% 100% de la pantalla del navegado. como haria eso?