我真的不明白你想达到什么目的。
但是，如果你想在scroll上做任何事情，你应该监听scroll事件。你有两个选择：
1.您可以检查用户何时在无线电上滚动鼠标
1.您可以随时检查用户何时滚动
在第一种情况下：

document.getElementById('controls').addEventListener('scroll', () => {
    //activate your element
});

在第二种情况下：

document.addEventListener('scroll', () => {
    //activate your element
});

EDIT：按照注解中的要求。这取决于你想如何实现这一点。例如，你可能想通过循环检查每个收音机：

let current = 1;
let max = 4;

document.addEventListener('scroll', () => {
    //you need to uncheck the current one first
    document.getElementById('r' + current).checked = false;
    //If you reach the last radio element you reset the counter
    if(current == max) 
        current = 1;
    else
        current += 1;

    //Finally you activate the next radio
    document.getElementById('r' + current).checked = true;
});

这是一个可以改进的非常简单的实现。