var pageLink = $(".sidebar"); // Select the section
var initialTop = pageLink.offset().top; // Store the initial position
var stickyPosition = initialTop - 120; // Activate sticky when reaching 120px
$(window).scroll(function () {
var scrollTop = $(window).scrollTop(); // Current scroll position
if (scrollTop >= stickyPosition) {
pageLink.addClass("sticky").css("transition", "300ms");
pageLink.parents("div").css("overflow", "visible"); // Apply to all parent divs
}
// Remove sticky class when scrolled back to original position
else if (scrollTop < initialTop) {
pageLink.removeClass("sticky").css("transition", "300ms");
}
});