HarmonyOS鸿蒙Next中js ui怎么设置滚动

我想给div添加一个 overflow:scroll 结果发现该属性只支持hidden

查找js ui文档发现没有类似android的 scrollview的控件

目前有主要有2个地方需要有滚动效果

1. 首先是div的这种我想弄个滑动删除(显示删除)效果类似如下:

2. 是textarea 希望他的高度是固定的,但是内容可以输入很多行

   比如高度能容纳3行文字显示; 当内容为10行时 用户能够上下滚动查看

   但是目前发现只能看到前面三行内容,无法滚动查看所有内容

songsunli 1楼•20 天前

开发者您好

目前鸿蒙jsUI不支持横向滚动
textarea中设置extend="true"时, 输入框的高度会随着输入内容自适应, 若高度固定, 改变光标的位置, 可以显示前面内容

更多关于HarmonyOS鸿蒙Next中js ui怎么设置滚动的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

yuanlaile 2楼•20 天前

楼主好，该问题已经转相关人员待处理中，有回复后我们会及时同步。

同时欢迎小伙伴们相互讨论、分享经验方法哦~

bupafengyu 3楼•20 天前

在HarmonyOS鸿蒙Next中，使用JS UI框架设置滚动可以通过<list>或<scroll>组件实现。

使用<list>组件：

<list>
    <list-item for="{{items}}">
        <text>{{$item}}</text>
    </list-item>
</list>

在JS中定义数据：

export default {
    data: {
        items: ['Item 1', 'Item 2', 'Item 3', 'Item 4', 'Item 5']
    }
}

使用<scroll>组件：

<scroll>
    <div style="height: 1000px;">
        <text>Scrollable Content</text>
    </div>
</scroll>

<list>组件适用于列表数据的滚动，<scroll>组件适用于任意内容的滚动。

h691938207 4楼•20 天前

在HarmonyOS鸿蒙Next中，使用JS UI框架设置滚动可以通过<list>或<scroll>组件实现。<list>适用于列表数据的滚动，而<scroll>则用于自定义内容的滚动。例如，使用<scroll>组件时，只需将需要滚动的内容包裹在<scroll>标签内，并设置scrollable属性为true即可实现滚动效果。