Velocidad equivalente de jQuery marginleft
-
21-12-2019 - |
Pregunta
Tuve una pregunta para que alguien esté familiarizado con el complemento JQERY-in Velocity.js.Estoy tratando de obtener un artículo para deslizarse desde la izquierda.Aquí está el código de jQuery equivalente:
$el.animate({marginLeft: '-150px', height: '20px'})
insert()
$el.animate({marginLeft: '0px', height: '20px'})
Esto hace lo que quiero, estoy tratando de hacer lo mismo con la velocidad, actualmente estoy usando Translatex como tal:
$el.velocity({translateX: '-150px', height: '0px', duration: 0})
insert()
$el.animate({translateX: '0px', height: '20px'})
El problema es que el artículo se genera a 0, se mueve a -150 y se desliza hacia atrás en 0. ¿Cómo puedo obtenerlo para engendrar a -150?
editar - resuelto
Si alguien más está interesado, tuve que configurar la propiedad de desbordamiento para ocultar:
$el.css({marginLeft: '-150px', height: '0px', overflow: 'hidden'});
insert()
$el.velocity({marginLeft: '0px', height: '20px'});
Además, la función INSERT () es nativa del marco VUE.JS MVVM.Probablemente fue confuso, inserta el elemento: http://vuejs.org/guide/transitions.html
Solución
ver "$ .css () - como configuración de transformación" en la velocidad de velocidad Preguntas frecuentes: https://github.com/julianshapiro/velocity/issues/47 .
podría ser de utilidad.De cualquier manera, estoy confundido por su pregunta y sus muestras de código :-p.