怎么讓小程序view-scroll高度100%？在開發(fā)小程序里面，視圖滾動(dòng)效果無疑是一個(gè)問題，那么如何能讓小程序的view-scroll高度到100%呢?下面就來跟小編一起了解一下。
1.關(guān)于scroll-view
scroll-view是小程序用來控制可滾動(dòng)視圖區(qū)域的組件。
通過設(shè)置scroll-x ="true" 或 scroll-y="true" 來分別控制橫向滾動(dòng)或縱向滾動(dòng);這里需要注意的一點(diǎn):
使用豎向滾動(dòng)時(shí)，需要給一個(gè)固定高度，通過 WXSS 設(shè)置 height
2.使用scroll-view來實(shí)現(xiàn)一個(gè)介紹頁長圖的完整滾動(dòng)顯示
本以為是一個(gè)簡單的需求，沒想到也會采坑;
第一版實(shí)現(xiàn)思路及代碼如下：
通過wx.getSystemInfoSync()獲取設(shè)備高度，然后通過內(nèi)聯(lián)樣式去給scroll-view組件height賦值
測試結(jié)果：
圖片在ios上不能顯示完整，偶爾也會先不能滾動(dòng)的情況
認(rèn)真查找很久原因，發(fā)現(xiàn)是因?yàn)闆]有給scroll-view設(shè)置 overflow: auto;
測試結(jié)果：
正常顯示
總結(jié)：在使用scroll-view實(shí)現(xiàn)豎直滾動(dòng)的時(shí)候，要設(shè)置下overflow: auto;這樣才能正常顯示
以上就是小編為大家找的小程序view-scroll視圖滾動(dòng)效果設(shè)置方法，希望能幫助到大家。
