微信小程序隐藏滚动条

最新推荐文章于 2024-07-02 23:05:25 发布

weixin_43764081

最新推荐文章于 2024-07-02 23:05:25 发布

阅读量639

点赞数 2

文章标签：隐藏滚动条

本文链接：https://blog.csdn.net/weixin_43764081/article/details/100040499

版权

本文介绍了如何在微信小程序中实现滚动条隐藏，通过在需要隐藏滚动条的view上添加特定样式。错误的写法可能导致样式不起作用，正确做法是在对应view中设置样式。

摘要由CSDN通过智能技术生成

wxml：

   <view class="title">
       <view class="content">
           <text class="active">作曲 : G.E.M.邓紫棋</text>
           <text>编曲：Lupo Groinig</text>
           <text>爱情就像 蓝蓝天上</text>
           <text>一片留白有你陪我想象</text>
           <text>白马突然 不再抽象</text>
           <text>青蛙终于遇见灰姑娘</text>
           <text>就算路还漫长</text>
           <text>我却有一种预感</text>
           <text>我相信这灵感</text>
           <text>我把你画成花</text>
       </view>
    </view>

wxss：

.play .title .content {
    font-size: 15px;
    line-height: 26px;
    height: 130px;
    overflow-y: scroll;
}

.play .content::-webkit-scrollbar {
    width: 0;
    height: 0;
    color: transparent;
}

界面效果图：
之前：