获取一个元素，的所有祖先元素，绑定scroll事件监听

获取一个元素及其所有祖先元素并为其绑定滚动事件监听通常是在JavaScript中处理页面滚动或者需要跟随滚动的动态效果时的做法。以下是一个简单的示例：

function addScrollListenerToAncestors(element) {
    let ancestors = [];
    function findAncestors(node) {
        if (ancestors.includes(node)) return; // 避免无限循环
        ancestors.push(node);
        if (node.parentNode) {
            findAncestors(node.parentNode);
        }
    }

    findAncestors(element);

    ancestors.forEach(function(ancestor) {
        ancestor.addEventListener('scroll', function(event) {
            // 在这里编写你的滚动事件处理函数
            console.log('Ancestor scrolled:', ancestor);
        });
    });
}

// 使用时
const myElement = document.getElementById('myElement');
addScrollListenerToAncestors(myElement);

这个函数首先递归地查找给定元素的所有祖先节点，并将它们添加到数组`ancestors`中。然后，它遍历这个数组，为每个祖先元素绑定滚动事件。