capa sobre scrollbar navegador

[Perr0]

Buenas foreros.

Me fije en algo y no sé si alguien tendra la respuesta.

Sucede que uno puede crear divs que se acomoden 100% al ancho del navegador y alto tambien, pero queria saber como lo hace GMAIL para que este se posicione sobre el scrollbar del navegador, adjunto imagen

si alguien quiere que le aparesca este mensaje para verlo con sus ojos tiene que hacer lo siguiente:
- conectarse a un correo de gmail
- colocar "Redactar" y luego "Enviar" (asi me funciona a mi)



si alguien sabe que comparta si tiene la amabilidad

adjunto otra imagen en CHROME, fijense como el mensaje se superpone al scrollbar


salu2

[4ng3r]

eso es una ventana modal .... con jquery UI se puede lograr ... no se si es esa la pregunta?? y me parece que gmail usa Frames

[Perr0]

quisiera saber eso del div sobre el "supuesto" scrollbar del navegador (que puediera ser otra capa, o la ventana modal que dices)

pero en fin si alguien tiene o se puede hacer un ejemplo simple, estaria bueno, por mi parte lo intentaria pero no yet

salu2

[4ng3r]

Pues yo tengo un ejempla basado en JQuery UI es algo asi:

Código HTML:

<div id="modal">Contenido de la ventana modal...</div>
 

Código Javascript:

$(function(){
   $("#modal").dialog({
          title: "Mi Ventana",
          modal: true
   })
})
 

se le puede agregar los evento click y demas ... le dejo la documentacion http://jqueryui.com/demos/dialog/#modal-message

[4ng3r]

revisando el codigo de gmail, ellos usan un iframe por eso se superpone la capa, entonces lo que tiene q hacer es montar todo el cotenido en un iframe que genere overflow y los todos los modales deben estar por fuera de el.

[Perr0]

Iniciado por 4ng3r

revisando el codigo de gmail, ellos usan un iframe por eso se superpone la capa, entonces lo que tiene q hacer es montar todo el cotenido en un iframe que genere overflow y los todos los modales deben estar por fuera de el.

genial 4ng3r, una idea para aplicar, un buen estudio!!!

[Perr0]

en tu ejemplo http://jqueryui.com/demos/dialog/#modal-message

no cubre el scrollbar, siendo que debiera, mmmmmm alguien tiene un ejemplo

salu2

[4ng3r]

no en el ejemplo no lo cubre por que no esta sobre una capa sino sobre la pagina en general y ese scroll es generado por el navegador (firefox, IE, etc ...) .... en cambio gmail crea un capa que contiene iframe por eso se ve superpuesto ... si entiende??

[Perr0]

siiiiiiiiiiiiiiii

gracias