首页 >> js开发 >> js微信小程序scroll-view隐藏滚动条的方法详解js大全
js微信小程序scroll-view隐藏滚动条的方法详解js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
效果图:1.scroll-view 中的需要滑动的元素不可以用 float 浮动使其一行展示;2.包裹scroll-view的元素如果用 display:flex; 是没有滚动效果的;scroll-view3.scroll-view 中的需要滑动的元素要用 dislay:inline-block; 进行元素的横向编排;dislay:inline-block4.包裹 scroll-view 的元素要加上样式–> overflow:hidden;white-space:nowrap;overflow:hidden;white-space:nowrap;5.有时候为了美观要隐藏滚动条,需要在样式里加上核心代码:核心代码:在wxss里加入以下代码
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
} scrollview属性总结总结总结
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}
::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
} scrollview属性总结总结总结
相关文章:
- js使用 Github Actions 自动部署 Angular 应用到 Github Pages的方法js大全
- jsjavaScript实现一个队列的方法js大全
- jsJS中作用域以及变量范围分析js大全
- jsvue cli4.0项目引入typescript的方法js大全
- jsvue 点击其他区域关闭自定义div操作js大全
- jswebpack+vue-cil 中proxyTable配置接口地址代理操作js大全
- js解决Echarts 显示隐藏后宽度高度变小的问题js大全
- JavaScript基于js实现判断浏览器类型代码实例
- jsvue中echarts图表大小适应窗口大小且不需要刷新案例js大全
- jsvue中移动端调取本地的复制的文本方式js大全