Flotador2

by aprudencio

HTML

<div class="container">
    <div class="superContainer">
        <div class="flotadorContainer ">
            <div class="flotador"></div>
        </div>
    </div>
</div>

CSS

.container{
    width: 500px;
    border: 1px solid green;
    height: 1000px;
}
.flotadorContainer{
     width: 100%;
    position: relative;
    border: 1px solid black;
}
.flotador{

    box-shadow: 5px 5px 20px grey;
    background-color: #ffffff;
    width: 168px;
    padding: 10px;
    /*position:fixed;*/
   
    position:absolute; 
    top:0px; 
    right:0px; 
}
.superContainer{

}

JavaScript

//$(".flotador").css("position","fixed")
var t;
$(window).scroll(function() {
    clearTimeout(t);
   // $(".flotador").hide();
   t = window.setTimeout(function(){
       $(".flotador").stop();
       $(".flotador").animate({'top': $(this).scrollTop() + "px"},100);
    },500);
    
});