Javascript “多个”的脚本；粘滞/跟随“；使用公共类的滚动条

根据中的教程，我有以下jQuery脚本：

$(document).ready(function() {
    var stickyTop = $('.sticky').offset().top;

    $(window).scroll(function() {
        var windowTop = $(window).scrollTop();
        if (top < windowTop) {
            $('.sticky').css({ position: 'fixed', top: '10px' });
        }
        else {
            $('.sticky').css('position','static');
        }
    });
});

$（文档）.ready（函数（）{
var stickyTop=$（'.sticky'）.offset（）.top；
$（窗口）。滚动（函数（）{
var windowTop=$（window.scrollTop（）；
如果（顶部<窗口顶部）{
$（'.sticky'）.css（{position:'fixed'，top:'10px'}）；
}
否则{
$（'.sticky'）.css（'position'，'static'）；
}
});
});

当我的页面有一个粘性侧边栏时，此功能可以正常工作。但是，当我的页面有多个粘滞边栏时，当第一个边栏开始粘滞时，所有边栏都会滚动

---

是否有一种方法可以修改脚本，使范围内的侧栏开始粘滞？

您不能用粘滞类将滚动内容包装成一个单独的div吗？@Scott我有几个div位于页面的不同侧面，高度不同。我需要它们中的每一个只有在它们到达足够远的地方时才能捕获，并且我更喜欢使用.sticky类，而不是它们中的每一个的id。