分类：小程序scrollview

2021
10-15

微信小程序scroll-view不能左右滑动问题的解决方法

最近在做自己小程序项目。因为并非专业前端。所以一步一掉坑。在这里想着把遇到的问题总结一下。避免重复进坑。问题：   在小程序页面布局的时候用到了scroll-view组件，发现横向移动没有效果。在网上查阅了一下资料发现问题所在。我的wxml代码<scroll-viewscroll-x="true"class="scroll"bindscrolltolower="lower"bindscroll="scroll"><viewclass="user_info"><viewclass="user_head">... 继续阅读 >

2021
04-07

微信小程序自定义scroll-view的实例代码

小程序自定义scroll-view滚动条话不多说,直接上效果图效果图wxml代码<scroll-viewscroll-xclass="scroll-view"bindscroll="bindScroll"><blockwx:for="{{arr}}"wx:key="index"><viewclass="scroll-item">scroll-view{{index}}</view></block></scroll-view><!--滚动条--><viewclass="slide"><viewclass='slide-bar'><viewclass="slide-action"style="width:{{slideWidth}}rpx;margin-left:{{slid... 继续阅读 >

2020
09-24

微信小程序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;heigh... 继续阅读 >