当盒子有滚动时添加一个类

Question

当 div 具有活动滚动时，我需要帮助向其添加类。这是一个根据用户而变化的列表 - 有时那里的东西太少而不会出现滚动，但在某些情况下会出现滚动。

我找到了一个脚本，但它涉及当用户到达框中的某个点时添加一个类（将其设置为 0 不是我想要的，因为无论如何用户必须先将鼠标悬停在框上），并且我需要一个无论如何都能工作的脚本。这样的事情可能吗？

Answer 1

const usersList = document.getElementById("usersBox");
function handleBoxResize(){
  if (usersList .scrollHeight > div.usersList){ 
    usersList.classList.toggle('your-class');
  }
}
handleBoxResize();
var observer = new ResizeObserver(handleBoxResize);
observer.observe(usersList);