Cómo animar el objeto a la izquierda para que coincida con el mismo ancho de píxeles que el ancho de la ventana -- javascript campo con jquery campo con jquery-animate camp Relacionados El problema

How to animate object left to match same pixel width as the window width


0
vote

problema

Español

Cuando hago clic en el .trigger quiero el objeto colocado en {left: '0'} para moverse a la izquierda para que coincida con los mismos píxeles a lo que sea el ancho de píxel de la ventana del navegador. Puede alguien ayudarme a resolver esto. Esto es lo que he trabajado juntos hasta ahora, no puedo descubrir la función que necesita para ir después de else.. {left: 'pixel width of browser window'}

  $(document).ready(function() {     // Prompt     $('.trigger').live('click', toggleName);      function toggleName() {         if ($("#some-id").attr('data-state') == 'open') $("#some-id").animate({             left: '0'         }, 500, 'easeOutExpo', function() {             $(this).attr('data-state', 'close')         }), ;         else $("#some-id").animate({             left: 'pixel width of browser window'         }, 500, 'easeOutExpo', function() {             $(this).attr('data-state', 'open')         }), ;         return false;     } });​   
Original en ingles

When I click the .trigger i want the object positioned at {left: '0'} to move left to match the same pixels to whatever the pixel width of the browser window is. Can someone help me figure this out. This is what I've worked together so far, I can't figure out the function that needs to go after else.. {left: 'pixel width of browser window'}

$(document).ready(function() {     // Prompt     $('.trigger').live('click', toggleName);      function toggleName() {         if ($("#some-id").attr('data-state') == 'open') $("#some-id").animate({             left: '0'         }, 500, 'easeOutExpo', function() {             $(this).attr('data-state', 'close')         }), ;         else $("#some-id").animate({             left: 'pixel width of browser window'         }, 500, 'easeOutExpo', function() {             $(this).attr('data-state', 'open')         }), ;         return false;     } });xe2x80x8b 
        
       
       

Lista de respuestas

1
 
vote
vote
La mejor respuesta
 

Use el ancho Función para obtener el ancho de la ventana:

   else $("#some-id").animate({         left: $(window).width()  }, ...   

Esto moverá el DIV a la derecha y dejará que salga de la ventana (dependiendo de su CSS).

Si desea que el div que se pegue a la derecha, será mejor que use right: 0 en su lugar.

 

Use the width function to get the width of the window :

 else $("#some-id").animate({         left: $(window).width()  }, ... 

This will move the div to the right and let it leave the window (depending on your css).

If you want the div to go stick to the right, you'd better use right: 0 instead.

 
 
   
   

Relacionados problema

4  ¿Por qué la devolución de llamada completa de mi animación jQuery hace que se exceda el tamaño máximo de la pila?  ( Why does my jquery animation complete callback cause the maximum stack size to b ) 
Este mi código llamando a mi función de animaterotate. Internamente, básicamente, solo llama $ .ANIMIENTO. Pero eche un vistazo a usted mismo: (function ()...

0  Animación de la imagen de fondo sesgado  ( Skewed background image animation ) 
Actualmente estoy trabajando en http://mijnwebsitebestelen.be/index.php . Cuando se mueve sobre 'Ubicación del evento' Puede ver el ancho del primer negro y ...

0  Retire el mouseunter de un elemento y luego restaure (para una navegación desplegable jQuery)  ( Remove mouseenter from an element then restore it for a jquery dropdown nav ) 
Estoy tratando de crear un menú desplegable usando jQuery. Lo tengo trabajando, pero el problema es que aún puede pasar por encima del subnav que se está de...

5  Cambios animados de jQuery en Div altura en la carga AJAX  ( Jquery animate changes in div height on ajax load ) 
Estoy haciendo una carga AJAX simple para tirar de los resultados de búsqueda y mostrarlos en un div: $('#myDiv').load('update.php?id=123', function() { ...

0  JQuery Animate Color de fondo en Scroll (múltiples divs)  ( Jquery animate background color on scroll multiple divs ) 
Entonces, estoy usando este código de otra pregunta, con la biblioteca JQERY UI $(window).scroll(function() { $("#about").stop().animate({ backg...

0  Desplazando una lista con jquery animate  ( Scrolling a list with jquery animate ) 
El siguiente código es mi intento de animar una lista de elementos. Sin embargo, todo, excepto que la animación está funcionando como debería. Cada vez que ha...

0  jquery animate retrasando  ( Jquery animate delaying ) 
http://jsfiddle.net/pahnin/rdgbq/16/ Mira esto violín. En este violín, la función animada se ejecuta tarde y se vea extraña también la primera vez que hago ...

0  Desplácese del navegador  ( Browser scroll slow images speed ) 
Estoy tratando de construir una página donde pueda tener 3 "capas". 1 - Fondo, 2 - Imágenes y 3 - Imágenes. Ya lo logé con el uso de la función TABLE2 id ...

1  Inicie una animación CSS y finalice con otro icono usando (Fa-Awesome)  ( Start a css animation and finish with another icon using fa awesome ) 
Uso de CSS liso y JavaScript. Quiero: Cree un 'Fa-Heart-O' que anima un pulso cuando se hace clic. y por fin el cambio a un corazón sólido 'Fa-Heart'. ...

0  Movimiento de animación de jQuery no funciona [duplicado]  ( Jquery animation movement not working ) 
Esta pregunta ya tiene respuestas aquí : Animar jquery ({Izquierda: "+ = 10"}) No funciona ...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos