微信小程序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设置、获取、清除单值和多值cookie的方法
cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值,本文通过一段代码给大家介绍js设置、获取、清除单值和多值cookie的方法,需要的朋友一起学习吧2015-11-11Map与WeakMap类型在JavaScript中的使用详解
这篇文章主要介绍了Map与WeakMap类型在JavaScript中的使用,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-11-11
最新评论