.JS kodu
$(document).ready(function() {
var theLoc = $('#sidebar').position().top;
$(window).scroll(function() {
if(theLoc >= $(window).scrollTop()) {
if($('#sidebar').hasClass('fixed')) {
$('#sidebar').removeClass('fixed');
}
} else {
if(!$('#sidebar').hasClass('fixed')) {
$('#sidebar').addClass('fixed');
}
}
});
});
Bu da Css kodu
#sidebar {
float: right;
margin-top: 40px;
width: 160px;
color: #444;
}
.fixed {
position: fixed;
top: 0px;
margin-left: 540px;
}
fixed ile sidebarı keyfinize göre değiştirin. fixedi sakın div olarak atamayın js içinde mevcut zaten sadece #sidebar'ı atayın.
not: #sidebar içindeki kod temsilidir.