vue fixed 左右移动问题

问题：使用fixed后在小屏时无法使用左右滚动条滚动，导致一部分页面看不到。

解决：原理是利用监听滚动事件然后利用left来控制。

<template>
<div class="fixed" :style="`left:-${scrollLeft}px`"></div>
</template>
<script>
export default {
  data() {
    return {
      scrollLeft: ''
    }
  },
  mounted() {
    ('scroll', , true) // 监听（绑定）滚轮滚动事件
  },
  destroyed() {
    ('scroll', ) //  离开页面清除（移除）滚轮滚动事件
  },
  methods: {
    handleScroll() {
       =  || 
    }
  }
}
</script>
<style>
.fixed{
   position: fixed;
   top:0;
   left:0;
   width:1500px;
   height:100px;
   background-color:#ccc;
   z-index:99;
 }
</style>