<style>
#AQUI ALGUN ID {
position: fixed;
bottom: 30px; /* Distancia desde abajo */
left: 30px; /* Distancia desde la derecha */
}
#AQUI EL ID span {
width: 44px; /* Ancho del botón */
height: 44px; /* Alto del botón */
display: block;
}
</style>
<div id='AQUI EL ID'>AQUI EL CONTENIDO DE LA CAJA<span/>
</div>
<script type='text/javascript'>
//<![CDATA[
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#AQUI EL ID").hide();
jQuery(function () {
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() > 500) {
jQuery('#AQUI EL ID').fadeIn();
} else {
jQuery('#AQUI EL ID').fadeOut();
}
});
});
});
//]]>
</script>
