从品牌网站建设到网络营销策划,从策略到执行的一站式服务
不懂微信小程序scroll-view的用法介绍?其实想解决这个问题也不难,下面让小编带着大家一起学习怎么去解决,希望大家阅读完这篇文章后大所收获。
创新互联长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为增城企业提供专业的成都网站制作、做网站、外贸营销网站建设,增城网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。scroll-view
:滚动视图
使用view
其实也能实现滚动,跟div
用法差不多
而scroll-view
跟view
大的区别就在于:scroll-view
视图组件封装了滚动事件,监听滚动事件什么的直接写方法就行。
scroll-view
纵向滚动添加属性scroll-y
,然后写一个固定高度就行了,我主要说一下scroll-view
的横向滚动scroll-x
:
我使用了display: flex;
布局,特么的直接写在scroll-view上面,显示出来的结果总是不对头,试了好多次,得到了下面两种写法;
第二种在scroll-view上添加了enable-flex
启用flex布局属性,启用后内部就能使用flex布局了,不然你会发现内部布局始终是纵向的。
得到的效果是一样的,能使用scroll-view事件。
wxml:
{{item.count+index}}
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图