CSS sticky position

CSS
2 
$(document).scroll(function() {
    Kaymayıdurdur();
});

Önce her kaydırmada pozisyonuna bakman lazım

function Kaymayıdurdur() {
    if($('#social-float').offset().top + $('#social-float').height() 
                                           >= $('#footer').offset().top - 10)
        $('#social-float').css('position', 'absolute');
    if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
        $('#social-float').css('position', 'sticky'); // restore when you scroll up
}

Ondan sonra istediğin lokasyona geldiğinde durduracaksın. tekrar lokasyonun yukarısına çıkarsa yine sticky olacak. Fixed ile yapmanı öneririm.

1 Beğeni