小程序scroll-view滚动条去除

scroll-view滚动条去除

最近有个需求是需要去除scroll-view的横向滚动条,网上搜出来的千变一律的解决方案是通过如下css代码解决。

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

然而本人亲测,毫无卵用,真正的解决方案是通过在scroll-view外面加一层父元素view,然后设置scroll-view的高度稍微高一点,再设置父元素view的高度为想要的高度,加上overflow:hidden隐藏子元素高出的部分,从而实现隐藏滚动条。

// Taro代码
<View style={{height: '100rpx', overflow: 'hidden'}}>
    <ScrollView style={{height: '120rpx'}}></ScrollView>
</View>

隐藏纵向滚动条同理

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,771评论 0 7
  • 谢谢作者的文章 非常喜欢 请允许收藏! 博客园首页博问闪存新随笔订阅管理 vue之better-scroll的封装...
    peng凯阅读 16,555评论 2 5
  • 第一章 F12: element.style 内联样式(可以直接在上面写代码进行简单调试) user agent...
    fastwe阅读 1,532评论 0 0
  • 1. 万恶的button 由于小程序的限制,很多地方必须用到button来做,如分享按钮open-type="sh...
    StevenLiupz阅读 3,816评论 0 3
  • 常言道,君子有借有还,再借不难。 然,我却想做一个小人,自己过得开心快乐,不想被动还钻。 因为我知道不可能再能借钻...
    路子野2000阅读 290评论 0 1