vue3 elementplus使用container布局容器 scroll 失效问题

当项目中的layout页面使用了container布局后 此时在展示页面中添加window.addEventListener("scroll")事件和document.body.scrollTop 相关都会失效，

原因是因为具体的滚动是在el-mian元素上执行的我们需要在这个元素添加相关的监听操作。

可以这样设置监听

<script setup lang="ts">
import { onMounted ,ref} from 'vue';
    const productRef = ref();
    onMounted(()=>{
      const parentElement =  productRef.value.parentElement;
      parentElement.addEventListener("scroll")
     })
</script>


<template>
  <div class="content" ref="productRef">
  </div>
</template>