不懂微信小程序scroll-view的用法介紹？其實想解決這個問題也不難，下面讓小編帶著大家一起學(xué)習(xí)怎么去解決，希望大家閱讀完這篇文章后大所收獲。

創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為增城企業(yè)提供專業(yè)的成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)，增城網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

scroll-view：滾動視圖
使用view其實也能實現(xiàn)滾動，跟div用法差不多
而scroll-view跟view大的區(qū)別就在于：scroll-view視圖組件封裝了滾動事件，監(jiān)聽滾動事件什么的直接寫方法就行。

scroll-view縱向滾動添加屬性scroll-y，然后寫一個固定高度就行了，我主要說一下scroll-view的橫向滾動scroll-x：

我使用了display: flex;布局，特么的直接寫在scroll-view上面，顯示出來的結(jié)果總是不對頭，試了好多次，得到了下面兩種寫法；

第二種在scroll-view上添加了enable-flex啟用flex布局屬性，啟用后內(nèi)部就能使用flex布局了，不然你會發(fā)現(xiàn)內(nèi)部布局始終是縱向的。

得到的效果是一樣的，能使用scroll-view事件。

wxml：

	
		
			
				
				{{item.count+index}}
			
		
	

本文標(biāo)題：微信小程序scroll-view的用法介紹-創(chuàng)新互聯(lián)
地址分享：http://weahome.cn/article/ceopgj.html