在鴻蒙 next 中遇到了Scroll無法滾動(dòng)的問題，明明元素已經(jīng)超出屏幕了，但是就是不可以滾動(dòng)，通過查詢鴻蒙 next 的社區(qū)反饋得知了 Scroll 無法滾動(dòng)的原因。

鴻蒙 next scroll 官方文檔: https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-scroll-V5

可以滾動(dòng)的代碼:

Scroll() {
  Column() {}
}.height('100%')

不可以滾動(dòng)的代碼

Scroll() {
  //先要寫頁面的框框 大部分都是 Column
  Column() {}.height('100%')
}.height('100%')

原因是:

因?yàn)镾croll是根據(jù)其直接子組件的高度是否超出其高度判斷是否開啟滾動(dòng)，設(shè)定100%后Column就與Scroll同高了，不會(huì)出現(xiàn)超出情況，也就不會(huì)開啟滾動(dòng)，而Column內(nèi)部UI超出Column高度只是畫出屏幕外，不能影響Scroll的判斷，若有屏幕延伸可看到超出的部分畫出Column外，但Scoll不知道：）

總結(jié):

以后遇到不滾動(dòng)的問題，可以看子元素是否有高度設(shè)置成100% 的情況