在滚动容器div内时的多选下拉问题

<style>
  .scroll-container {
    height: 200px;
    overflow: auto;
  }
</style>

<div class="scroll-container">
  <select multiple>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <!-- 其他选项 -->
  </select>
</div>

<script>
  const scrollContainer = document.querySelector('.scroll-container');
  const select = document.querySelector('select');

  scrollContainer.addEventListener('scroll', function(event) {
    if (select.classList.contains('open')) {
      event.stopPropagation();
    }
  });
</script>