Der JS Code:

document.addEventListener(„DOMContentLoaded“, function() {
const leftSticky = document.querySelector(„.StickyLinks“);
const section = document.querySelector(„.Test“); // Ersetze dies durch die tatsächliche Klasse des Abschnitts
const rightContent = document.querySelector(„.right-content“); // Ersetze dies durch die Klasse deiner rechten Spalte

window.addEventListener(„scroll“, function() {
const sectionTop = section.getBoundingClientRect().top;
const sectionBottom = section.getBoundingClientRect().bottom;
const leftHeight = leftSticky.offsetHeight;
const rightHeight = rightContent.offsetHeight;

if (sectionTop <= 5 && sectionBottom – leftHeight > 5) {
leftSticky.style.position = ‚fixed‘;
leftSticky.style.top = ‚5em‘;
} else if (sectionBottom – leftHeight <= 5) {
leftSticky.style.position = ‚absolute‘;
leftSticky.style.top = `${rightHeight – leftHeight}px`;
} else {
leftSticky.style.position = ‚relative‘;
leftSticky.style.top = ‚0‘;
}
});
});