微信小程序scroll-view的用法介绍-创新互联

不懂微信小程序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}}
			
		
	

网站名称：微信小程序scroll-view的用法介绍-创新互联
文章来源：http://bzwzjz.com/article/ceopgj.html