hi
this works when i go to the top it stop at where it begone..
but when i scoll down it over lap the next div.
what do i have to do so that it stop at the end when scroll down
- .ddvi{
float:left;
width:200px;
display:block !important;
margin-top:4.5em;
border-left: 0.1em solid #D5D5D5;
box-shadow: rgb(240, 240, 240) 3px 0px 6px inset;
background: #FAFAFA;
} - .ddvis{
position:fixed;
top:-1px;
margin-left:767px;
display:block !important;
}
- var men = $(".ddvi"),
post = men.offset();
$(window).scroll(function(){
if($(this).scrollTop() > post.top && men.css('position') != 'fixed'){
men.addClass("ddvis").css("margin-top", "0em");
} else if( $(this).scrollTop() <= post.top && men.css('position') == 'fixed'){
men.removeClass("ddvis").css("margin-top", "4.5em");
}
});