Обнаружить, когда ребенок достигает дна родителя на свитке ⇐ Jquery

[Anonymous]

Я пытаюсь создать шаблон пост с двумя столбцами (изображения слева, содержание справа), и я хочу, чтобы часть содержания прокручивала с вами, когда вы прокручиваете страницу, но остановитесь, когда она подходит к дне его контейнера. правильная последовательность. У меня есть контент, начиная с прокрутки так, как я его тоже задумал, но он не остановится, как только он достигнет нижней части контейнера.















Lorem Ipsum Dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.







< /code>
jquery < /p>
function stickyBlock( $ ) {

var position = $( window );
var element = $( '.column-wrapper' );
var parent = $( '.grid-content' );
var isoffset = parent.offset().top;
var isbottom = parent.offset().top + parent.outerHeight();
var placeholder = $( '.placeholder' );

position.scroll( function() {

var issticky = $( this ).scrollTop();

if( issticky >= isoffset ) {

element.addClass( 'is-sticky' );
element.css({ 'position': 'fixed', 'top': '0px', 'width': element.width() });
placeholder.css({ 'display': 'block', 'position': 'static', 'width': element.width(), 'height': parent.height() });

} else if( issticky >= isbottom ) {

element.removeClass( 'is-sticky' );
element.css({ 'position': 'absolute', 'top': 'auto', 'bottom': '100%', 'width': element.width() });
placeholder.css({ 'display': 'block', 'position': 'static', 'width': element.width(), 'height': parent.height() });

} else {

element.removeClass( 'is-sticky' );
element.css({ 'position': '', 'top': '', 'bottom': '', 'width': '' });
placeholder.css({ 'display': '', 'position': '', 'width': '', 'height': '' });

}

});

}


Подробнее здесь: https://stackoverflow.com/questions/795 ... -on-scroll