小程序scroll-view隐藏滚动条

视图部分

<template>
<scroll-view :scroll-top="scrollTop" scroll-x="true" class="scroll-X" @scrolltoupper="upper" @scrolltolower="lower"
@scroll="scroll">
    <view id="demo1" class="scroll-view-item uni-bg-red">A</view>
    <view id="demo2" class="scroll-view-item uni-bg-green">B</view>
    <view id="demo3" class="scroll-view-item uni-bg-blue">C</view>
</scroll-view>
</template>

样式部分

<style lang="scss" scoped>
.scroll-X {
  ::-webkit-scrollbar {
      width: 0;
      height: 0;
      color: transparent;
    }
}

</style>