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

¿Fue útil?

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.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top