Написал такую штуку:
$(function() {
if($('.slide3__elephant').length > 0) {
var slide3 = $('.slide3__elephant').offset().top;
$(window).scroll(function() {
console.log(slide4)
if ($(this).scrollTop() > slide3) {
if ($('.slide3__elephant').css('position') != 'fixed') {
$('.slide3__elephant').css({
'position': 'fixed',
'top': '0px'
});
}
} else {
if($('.slide3__elephant').css('position') != 'static') {
$('.slide3__elephant').css({
'position': 'absolute'
});
}
}
});
}
});
Но весь мозг сломал, не получается реализовать отлипание.
Идея такая, что когда мы доходим до верхней границы нужного нам блока
position:fixed
превращается обратно в
position:abolute