[Tutorial]Menu flutuante com jQuery 17.07.12 11:48
Estimados membros,
Código:
Tutorial:
Insira o código acima uma linha antes de </body>, agora ponha no elemento desejado o atributo data-flutuar com o valor yes.
Demonstração:
http://jsbin.com/ociliw
Até Mas!
Código:
- Código:
<script>jQuery(document).ready(function(){
var jQuerymm = jQuery("*[data-flutuar=\"yes\"]").offset().top;
jQuery(window).scroll(function () {
var jQuerynn = jQuerymm+jQuery(document).scrollTop()+"px";
jQuery("*[data-flutuar=\"yes\"]").animate({
top: jQuerynn},{duration:750,queue:false}
);
});
jQuery("*[data-flutuar=\"yes\"]").css('position','absolute');
});
</script>
Tutorial:
Insira o código acima uma linha antes de </body>, agora ponha no elemento desejado o atributo data-flutuar com o valor yes.
Demonstração:
http://jsbin.com/ociliw
Até Mas!