小程序自帶了組件scorll-view 很好用,但使用時(shí)要注意一此事項(xiàng)
1.scorll-view 的內(nèi)部不支持 flex布局
2.根據(jù)滑動(dòng)方向的不同,x軸方向上的滑動(dòng),要給soroll-view的寬度給一個(gè)固定的值,如果是y軸方向上的滑動(dòng),要給scroll-view的高度給一個(gè)固定的值
3.當(dāng)設(shè)置是x軸方向滾動(dòng)時(shí) 內(nèi)部的各個(gè)滑動(dòng)塊不要以 float的方動(dòng)來(lái)進(jìn)行橫排 因?yàn)檫@樣會(huì)脫離 scorll-view的包裹,使其沒(méi)有做用,解決的辦法是,把內(nèi)部的各個(gè)元素設(shè)置為 inline-block 并且強(qiáng)制不換行(在scorll-view) white-space: nowrap;
好了,不多,上圖