Elemento que se desliza cuando se llega a un punto - Blogger, html



No vi la nesecidad de colocar un demo, pues qui mismo en la pagina esta el ejemplo, la verdad es muy basico nada mas consta de 2 codigos, no siendo nada mas, les coloco los codigos, explico que cambian y ya







Bueno primero que todo, vamos a buscar el <body> de nuestra plantilla, luego pegamos justamente abajo de este el siguiente código:


$(function() {
var offset = $("#bajarz").offset();
var topPadding = 15;
$(window).scroll(function() {
if ($("#bajarz").height() < $(window).height() && $(window).scrollTop() > offset.top) {
$("#bajarz").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$("#bajarz").stop().animate({
marginTop: 0
});
};
});
});
</Script>
luego de colocar eso debajo del <body> colocaremos el siguiente div donde queramos que se efectue el codigo:

<div id="classxstyle="margin-top:7px;">
</div>

0 comentarioss:

Publicar un comentario

tutorias juan © 2012 Diseño por: Juan David Restrepo M. - Derechos de Host: Blogger

Off