JQuery no trabajar en cromo?

Question

Tengo algo de código con el que funciona perfectamente en Firefox pero no en Chrome o IE,

El código JavaScript es, pues,

`
$(document).ready(function() {
                $("#clientLoginPop").show();                                 
                $("#clientLoginPop").animate({"left": "-=400px"}, "fast");
                });
                $("#clientLoginCloseLink").click(function () {
                $("#clientLoginPop").animate({"left": "+=400px"}, "fast");
                });
                $("#contactUsPopLink").click(function () {
                $("#contactUsPop").show();
                $("#contactUsPop").animate({"left": "-=437px"}, "fast");
                });
                $("#contactUsClose").click(function () {
                $("#contactUsPop").animate({"left": "+=474px"}, "fast");
                });
});
`

y, finalmente, el css de las miradas div como esta, creo que más bien importante que está alineado a la derecha del navegador: (el div de entrada del cliente tiene una apariencia similar a un altura diferente)

`
#contactUsPop 
{
    width:437px;
    right:-437px;
    margin-top:220px;
    position:fixed;
    height:217px;
    background-color:white;
    z-index:2;
}
`

Así que lo que ocurre en Firefox es el anime div a la izquierda y luego cuando se cierra se mueve de nuevo a la derecha. cuando en cromo no parece el div para que aparezca en absoluto?

la URL de la página es la siguiente:

http://clearcreativegroup.com/devcorner/clear3/

las pestañas están en la parte derecha del navegador, cualquier consejo ayudaría toneladas, gracias!

Answer 1

$("#clientLoginPop").animate({"right": "+=400px"}, "fast");

Answer 2

creo que Chrome y Firefox lo interpretan de manera diferente cuando se asigna un tanto left y la propiedad right. Prueba cualquiera animación de la propiedad right su lugar, o retirarlo antes de la animación left.

Answer 3

En el cromo ... primera vez Usted haga clic en el ancla como aparece en el extremo izquierdo de la ventana y se mueve hacia la izquierda.

¿Usted ha intentado establecer las propiedades de izquierda / derecha para un valor específico en lugar de sumar o restar a ella?

por ejemplo:

$("#clientLoginPop").animate({"left": "-1000px"}, "fast");

emparejado con

$("#clientLoginPop").animate({"left": "400px"}, "fast");

Answer 4

I suelen utilizar flotador CSS, o posición: absolute; para ajustar la interfaz web.

a la utilización de posición CSS: absoluta eficacia, posición de uso:. Relativa en el bloque padre

esto es agradable de referencia para crear iniciar sesión como Twitter .