javascript - funcion - ¿Cómo hacer que un DIV siempre flote en la pantalla en la esquina superior derecha?

div properties css

Question

¿Cómo hago para que un DIV siempre flote en la esquina superior derecha de la pantalla, de modo que incluso cuando desplazo la página hacia abajo, el DIV aún aparece en la misma ubicación fija? Gracias.

Answer 1

Utilice la position:fixed , como se indicó anteriormente, IE6 no reconoce la position:fixed , pero con algo de magia CSS puede hacer que IE6 se comporte:

html, body {
    height: 100%;
    overflow:auto;
}
body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 */
    bottom: 0;
}

La bandera !important hace para que no tenga que usar un comentario condicional para IE. Esto tendrá #fixedElement use position:fixed en todos los navegadores pero IE, y en IE , position:absolute tendrá efecto con bottom:0 . Esto simulará la position:fixed para IE6

Answer 2

Usar position: fixed , y anclarlo en los lados top y right de la página:

#fixed-div {
    position: fixed;
    top: 1em;
    right: 1em;
}

IE6 no admite la position: fixed , sin embargo. Si necesita esta funcionalidad en IE6, esta solución puramente CSS parece ser el truco. Necesitará un contenedor <div> para contener algunos de los estilos para que funcione, como se ve en la stylesheet .