在uni-app中,实现scroll-view滚动到指定位置,可以通过以下几种方法来实现。以下是详细步骤和示例代码: 1. 使用scroll-top属性 这种方法适用于纵向滚动。你需要设置scroll-view的scroll-top属性为你想要滚动到的位置(通常是像素值)。 步骤: 定义scroll-view组件: html <scroll-view scroll-y="true" :scroll-...
方法二:使用scroll-view标签的属性 scroll-view是UniApp中用于滚动视图的组件,可以通过设置其属性来实现滚动到指定位置的功能。其中scroll-top属性表示滚动条距离顶部的距离,scroll-into-view属性表示滚动到某个子元素的id。 使用scroll-view标签的属性时,需要注意以下几点: scroll-top属性的值必须是具体的数值,表示滚动...
在scroll-view的属性中设置:scroll-into-view="state.scrollIntoMessageId"通过动态设置scrollIntoMessageId来到指定的组件位置 记住这个id是给组件的id属性赋值之后才行,不是key我开始也以为是key,实际不是。比如下面这个代码循环创建一个列表的view,并且每个赋值一个单独的messageId给他的id属性,那么要滚动到哪里就在...
场景一:布局中已知高度局部滚动 一般页面布局中某个模块需要局部滚动,以横向滚动更多,纵向滚动其实也类似。这个也是 scroll-view 最简单的用法,纵向滚动直接设置一个已知的固定高度 height 就行了,没啥难度。 场景二:整个布局上、中、下3个模块布局,中间局部滚动 常见整个页面布局,需要中间部分直接自适应屏幕然后局部...
uni.pageScrollTo({selector:"#id",// 找到ID滚动到指定位置duration:300// 滚动动画的时长,默认300ms,单位 ms}); 一个是指定位置,像素级指定,但你必须知道每个人的格子的位置,那么还有一个selector 可以用,我可以指定每一个格子的ID,比如张三的格子,ID:张三, 王五:ID王五。
uni.pageScrollTo({ scrollTop: 0, duration: 500, selector: '#textarea5' //指定位置 }); 滚动到底部 页面 代码语言:javascript 代码运行次数:0 复制Cloud Studio 代码运行 <scroll-view :style="{height:scrollViewHeight+'px'}" :scroll-y="true" :scroll-top="scrollTop" :scroll-with-animation="...
<!-- 中间--自适配高度的滚动区 --> <scroll-view scroll-y class="contentBox"> <!-- 此处省略了页面内容的相关代码 --> </scroll-view> </template> 1. 2. 3. 4. 5. 6. 7. 8. page { background-color: #f7f7f7; // 总容器高度撑满屏幕...
android短视频开发,uniapp页面滚动条到指定位置 # html 指定位置<view class="gap_body_position"></view> # js执行this.$nextTick(() => { // 一定要用nex
滚动到底部的最直接的方法 1、使用 scroll-into-view 属性 uniapp 模板 <scroll-view :scroll-into-view="state.into" scroll-with-animation scroll-y style="height: 100%;"> <view v-for="(rc, ind) in state.records" :key="rc.id" :id="`id_${rc.id}`"> <view>{{rc.text}}</view>...
目标是要实现:选项卡左右滑动,当在列表页面选中某一个菜单时 ,跳转到下一个页面要滑动到指定菜单位置位置,所以要使用到scroll-into-view。 附图: 点击第一张图的位置,跳转到下一张图, 滑动到指定菜单位置 前提:已设置固定高度 HTML代码: <scroll-view class="scroll-view_H" :scroll-x="true" :scroll-with...