Смена класса у блока при скролле в нескольких местах на странице
Есть на странице блок с социалками, который "прилипает" сразу книзу страницы, а при скролле к определенному блоку "отлипает". Всё ок работает, когда была одна статья, сейчас подгружаются еще и получается нужно, чтобы работало как и раньше, только при скролле к следующей статье опять прилипали социалки, потом опять отлипали возле нужного блока ну и так далее. Вот код, который был изначально и попытка сделать запланированное, но не работает:
jQuery(document).scroll(function(){
var slick_social = jQuery(".js_stick-social").offset().top, //блок, при пролистывание к которому "отлипают" социалки
single_article_intro = jQuery(".single-article_intro").offset().top, //заголовок статьи подгружаемой
pos_social = jQuery(window).height() + jQuery(window).scrollTop();
jQuery(".js_fixed-social:eq(0)").toggleClass("unfix", slick_social <= pos_social);
jQuery(".js_fixed-social:eq(0)").toggleClass("fixed ", slick_social >= pos_social);
jQuery(".js_fixed-social:eq(0)").toggleClass("fixed ", single_article_intro <= pos_social);
});