检测列表何时可滚动？

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');
}

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