微信小程序scroll-view隐藏滚动条的方法详解
更新时间：2020年03月25日 09:45:26 作者：追逐繁星D孩子
这篇文章主要介绍了微信小程序scroll-view隐藏滚动条的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
效果图：
1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示；
2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的；
3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排；
4.包裹 scroll-view 的元素要加上样式–> overflow:hidden;white-space:nowrap;
5.有时候为了美观要隐藏滚动条，需要在样式里加上
核心代码：
在wxss里加入以下代码
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
scrollview属性
总结
到此这篇关于微信小程序scroll-view隐藏滚动条的方法详解的文章就介绍到这了,更多相关小程序scroll-view隐藏滚动条内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要为大家介绍了JavaScript数组的常用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-11-11
这篇文章主要为大家详细介绍了使用JS实现简单的选项卡功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-08-08
这篇文章主要为大家详细介绍了基于JavaScript实现数码时钟效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
JavaScript性能优化 创建文档碎片(document.createDocumentFragment)
讲这个方法之前，我们应该先了解下插入节点时浏览器会做什么。2010-07-07
这篇文章主要为大家详细介绍了微信小程序实现五星评价，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-08-08
这篇文章主要是对JavaScript中的不可见数据类型进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
这里给大家分享的是4屏带标题和文字描述的js图片轮播代码，完美兼容IE6。图片滚动切换，鼠标放到数字选项卡即可切换图片。点击图片跳转到指定页面，有需要的小伙伴可以参考下。2015-05-05
看到我的前几篇文章的朋友应该知道，前面的是10进制，直觉解就行了，不过下面有个处理函数，你用10进制解密出来之后还要去分析函数的功能，很不合算。2008-06-06
这篇文章主要介绍了用场景去理解函数柯里化(入门篇)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
网站首页图片滚动显示对于很多朋友都有很大的吸引,因为它可以带来意想不到视觉冲击效果，接下来本文也实现一下，感兴趣的朋友可以参考下，或许对你学习js知识有所帮助2013-02-02
最新评论