检测列表何时可滚动？

Question

我想为列表添加背景颜色以使滚动看起来更好，但我只想在列表可滚动的情况下使用它。我该如何配置？

Answer 1

您可以使用这个简单的检查和修改来满足您的需求：

const dimensions = document.querySelector('selector').getBoundingClientRect();
if(dimensions.height > window.innerHeight) {
    // Element's height is bigger than window height, so it should be scrollable
    document.querySelector('selector').style('background', '#222');
}

您可以测试元素的高度是否大于其容器的高度。