关于scoll设置的一些问题

<template>
    <div class="home">
      <header class="g-header-container">
        <home-header/>
      </header>
      <me-scroll>
        <home-slider/>
        <home-slider/>
        <home-slider/>
        <home-slider/>
        <home-slider/>
        <home-slider/>
        <home-slider/>
        <home-slider/>
      </me-scroll>
      <div class="g-backtop-container">

      </div>
      <router-view></router-view>
    </div>
</template>

<script>
  import HomeHeader from './header';
  import HomeSlider from './slider';
  import MeScroll from 'base/scroll';
    export default {
        name: "index",
      components:{
          HomeHeader,
          HomeSlider,
          MeScroll
      }
    }
</script>

<style lang="scss" scoped>
  @import  "~assets/scss/mixins";
  .home{
    over-flow:hidden;
    width: 100%;
    height: 100%;
    background-color: $bgc-theme;
  }
  .home .swiper-container{
    overflow: hidden;
    width: 100%;
    height: 617px;
  }


</style>

<template>
 <swiper :options="swiperOption">
   <swiper-slide>
     <slot></slot>
   </swiper-slide>
   <div class="swiper-scrollbar" v-if="scrollbar" slot="scrollbar"></div>
 </swiper>
</template>

<script>
   import {swiper,swiperSlide} from 'vue-awesome-swiper';

   export default {
       name: "MeScroll",
     components:{
         swiper,
       swiperSlide
     },
     props:{
         scrollbar:{
           type:Boolean,
           default:true
         }
     },
     data(){
       return {
         swiperOption: {
            direction:'vertical',
           slidesPerView: 'auto',
           freeMode:'true',
           setWrapperSize:true,
           scrollbar:{
              el:this.scrollbar ? '.swiper-scrollbar':null,
             hide:true
           }
         }
       }
     }
   }
</script>

<style lang="scss" scoped>

 .swiper-slide{
   height: auto;
 }
</style>

设置swiper-container的height为100%，并不能让图片进行拖动，只有设置实际页面的确切高度才可以，这是为什么呢？因为一开始设置为100%的时候，在谷歌浏览器的style上确实显示出来swiper-container的高度为100%。

滚动条进行滚动的时候就只是单独的一条黑色竖线，并没有白色的竖线在显示当前在滚动条的位置，用鼠标滚轮不可进行滚动，这是为什么呢？是完全模拟了手机端的手指上下滑动嘛？