HarmonyOS鸿蒙Next中页面div高度超出手机屏幕长度后,底部无法拖动,需要设置什么么?

HarmonyOS鸿蒙Next中页面div高度超出手机屏幕长度后,底部无法拖动,需要设置什么么? 页面div高度超出手机屏幕长度后,底部无法拖动,需要设置什么么?

2 回复

.container { display: flex; flex-direction: column; background-color: #f6fafa; }

container 中的flex-direction: column

之前是给的row所以无法上下拉动,布局只有一行

给成column 后就ok了

更多关于HarmonyOS鸿蒙Next中页面div高度超出手机屏幕长度后,底部无法拖动,需要设置什么么?的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中,如果页面div高度超出手机屏幕长度,底部无法拖动,通常需要设置页面的滚动属性。可以在CSS中添加以下样式:

body, html {
    height: 100%;
    overflow: auto;
}

.container {
    min-height: 100%;
    overflow-y: scroll;
}

确保bodyhtml的高度设置为100%,并且overflow属性为autoscroll,这样页面内容超出屏幕时可以正常滚动。

回到顶部