Vélocité équivalent de jQuery marginleft
-
21-12-2019 - |
Question
J'ai eu une question pour quelqu'un familiarisé avec la vélocité plug-in jquery.js.J'essaie d'obtenir un élément à glisser de la gauche.Voici le code JQuery équivalent:
$el.animate({marginLeft: '-150px', height: '20px'})
insert()
$el.animate({marginLeft: '0px', height: '20px'})
Cela fait ce que je veux, j'essaie de faire la même chose avec la vitesse, j'utilise actuellement TRUCLATEX comme tel:
$el.velocity({translateX: '-150px', height: '0px', duration: 0})
insert()
$el.animate({translateX: '0px', height: '20px'})
Le problème est que l'article apparaît à 0, se déplace vers -150 et se glisse dans 0. Comment puis-je l'obtenir pour frayer à -150?
edit - résolu
Si quelqu'un d'autre est intéressé, je devais définir la propriété de débordement sur cachée:
$el.css({marginLeft: '-150px', height: '0px', overflow: 'hidden'});
insert()
$el.velocity({marginLeft: '0px', height: '20px'});
En outre, la fonction INSERT () est originaire du cadre VUE.JS MVVM.C'était probablement déroutant, il insère l'élément: http://vuejs.org/guide/transitions.htmllea>
La solution
voir "$ .CSS () - comme le réglage de transformée" dans la FAQ de la vélocité: https://Github.com/julianshapiro/velocity/issues/47 .
pourrait être utile.De toute façon, je suis confus par votre question et vos échantillons de code :-p.