Peut-on effectuer un slide avec un élément en position "fixed" ?
Bonjour à tous,
J'ai un footer qui s'affiche et se cache (par slide) lors d'un clic. Cela fonctionne parfaitement lorsque ce dernier se trouve en position relative. Voici le script :
Code:
1 2 3 4 5 6 7 8 9
| jQuery(document).ready(function()
{
jQuery('#toggle').hide();
jQuery('a#toggler').click(function()
{
jQuery('#toggle').slideToggle(400);
return false;
});
}); |
Je dois malheureusement mettre le footer en position fixe et pour le coup, plus de slide :(
Y-a t'il un moyen de rétablir le slide, ou au pire, effectuer un fade-in/fade-out (afin d'éviter l'affichage brusque) ?
Ci-dessous le html :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55
| <a href="#" id="toggler" class="butt" value="#"><br/>
</a>
<div id="toggle" style="display:none;"> <footer class="footer-distributed">
<div class="footer-left">
<h3>Name<span>logo</span></h3>
<p class="footer-links">
<a href="#">Home</a>
·
<a href="#">Blog</a>
·
<a href="#">Pricing</a>
·
<a href="#">About</a>
·
<a href="#">Faq</a>
·
<a href="#">Contact</a>
</p>
<p class="footer-company-name">Name © 2015</p>
</div>
<div class="footer-center">
<div>
<i class="fa fa-map-marker"></i>
<p><span>Street</span> Paris, France</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+1 555 123456</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:support@company.com">support@company.com</a></p>
</div>
</div>
<div class="footer-right">
<div class="footer-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-linkedin"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
</div></div></footer> |
Merci pour votre aide et bonne fin de week-end,
dh
Je dois malheureusement mettre le footer en position fixe et pour le coup, plus de slide
re_bonsoir,
Citation:
Je dois malheureusement mettre le footer en position fixe et pour le coup, plus de slide
Oui, car pas mal de prob au format mobile, le footer ne restant pas fixé en bas :(
Juste un prob de CSS :roll:
Il me semblait avoir tout testé avant de poster cette question :weird:
Un footer en position relative et le toogle (div contenant le footer) en fixed.
Aussi bête que ça, bcp de temps perdu pour ce qui demeure le b.a.-ba des CSS.
Bonne soirée,
dh