突出显示滚动窗口中当前显示的所有div

<div class="scroll-container">
  <!-- 这里放置要滚动的内容 -->
</div>

.scroll-container {
  width: 300px; /* 设置容器宽度 */
  height: 200px; /* 设置容器高度 */
  overflow: auto; /* 显示滚动条 */
}

<div class="scroll-container">
  <div class="scroll-item">Div 1</div>
  <div class="scroll-item">Div 2</div>
  <div class="scroll-item">Div 3</div>
  <!-- 添加更多的div元素 -->
</div>

var container = document.querySelector('.scroll-container');
var items = container.querySelectorAll('.scroll-item');

var visibleItems = [];
var scrollTop = container.scrollTop;
var containerHeight = container.clientHeight;

items.forEach(function(item) {
  var itemTop = item.offsetTop;
  var itemHeight = item.offsetHeight;

  if (itemTop >= scrollTop && itemTop + itemHeight <= scrollTop + containerHeight) {
    visibleItems.push(item);
  }
});

console.log(visibleItems);