微信小程序---scroll-view 设置scroll-x或者scroll-y如何去掉滚动条

最新推荐文章于 2024-06-05 09:46:36 发布

小小黑007

最新推荐文章于 2024-06-05 09:46:36 发布

阅读量2.7k

点赞数 2

文章标签：微信小程序 css html

本文链接：https://blog.csdn.net/heavenz19/article/details/130584438

版权

微信小程序—scroll-view 设置scroll-x或者scroll-y如何去掉滚动条

第一种方法：


::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}
.scroll-view::-webkit-scrollbar {
    display: none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
}

第二种方法：添加（ enhanced :show-scrollbar=“false”）

   <scroll-view
        :style="{ height: height + 'rpx' }"
        scroll-x
        class="scroll-view"
        enhanced
        :show-scrollbar="false"
    >
    </scroll-view>