slideDown de bas en haut (et non de haut en bas)

Je veux d'abord masquer une div puis la montrer de bas en haut. Je l'ai vu que jQuery a une belleslideDown de bas en haut (et non de haut en bas)

.slideDown()

effet, cependant, la direction utilise cette transition est le contraire de ce que je dois (il commence toujours montrer l'élément du haut). Je veux en quelque sorte construire une "tour" de divs pour vous donner une image mentale de ce que j'essaie de réaliser.

Comment puis-je résoudre ce que je veux en utilisant jQuery? J'ai déjà essayé différentes choses mais je n'ai pas réussi à le faire fonctionner! Notez que la hauteur de la div est INCONNUE car elle est calculée à la volée (en théorie je connais la hauteur de la div juste quand je la révèle).

Notez que la division n'a pas de position fixe ou absolue. En outre, plusieurs de ces divs sont empilés les uns sur les autres. Ils se révèlent de bas en haut.

Liens: http://api.jquery.com/slideDown/

Source

2016-07-13 Jonas Kaufmann

double possible de [diapo Jquery div à partir du bas de la page] (http://stackoverflow.com/questions/25174144/jquery-slide-div-up-from-bas-de-page) –

@ MartinHučko merci qui a l'air bien! Pas aussi facile que je le pensais –

@ MartinHučko D'accord, cette solution n'est pas utilisable pour mon problème. Ma div n'a pas de ** position fixe ** comme celle liée! –

J'ai essayé avec le code suivant:

HTML:

<div style="height:200px; width: 200px; background-color: red;"> 
<span style="color:#fff">Click here</span> 
</div>

JQuery:

$("div").click(function() { 
     $(this).hide("slide", { direction: "up" }, 1000); 
     //direction: up,down 
});

Vérifiez ce lien violon pour plus .. Click here

espérons qu'il vous aidera ...

.. :) Bonne programmation

Source

2016-07-13 13:33:09

Ce que vous avez posté ** cache ** la div de bas en haut. Ce dont j'ai besoin c'est que la div ** montre ** de bas en haut. J'ai essayé d'éditer votre code en le faisant d'abord cacher et ensuite montrer en utilisant votre méthode, mais cela conduit seulement à la fonction par défaut slideDown() qui est exactement ce que je ne veux pas. –

ok laissez-moi essayer encore une fois –

Salut Vérifiez ce lien: https://jsfiddle.net/adminsunil/8tocgoyw/1/ –

slideDown de bas en haut (et non de haut en bas)

Répondre

Questions connexes