确定scroll-view组件的当前位置: 通常,scroll-view的当前位置可以通过其内部滚动条的位置来确定。但是,为了滚动到底部,我们主要关注的是如何设置滚动目标位置,而不是当前位置。 编写代码以自动滚动scroll-view: 你可以使用uni-app提供的scroll-into-view属性或者通过JavaScript动态设置滚动位置。以下是一个使用JavaScript动态...
113、ScrollView滑动到了最底部 ScrollView使用 滚动到顶部判断: 1. getScrollY() == 0 1. 滚动到底部判断: 1. View childView = getChildAt(0); 1. childView.getMeasuredHeight() <= getScrollY() + getHeight(); 1. 其中getChildAt表示得到ScrollView的child View 1. childView.getMeasuredHeight()表示...
关于页面由第一个scroll-view切换到第二个scroll-view时会自动滚动到页面的最底部: 设置一个scrollTop设置竖向滚动条的位置,首先默认为0,当页面向下滚动会触发scroll-top事件从而改变scrollTop的值,当切换到第二个scroll-view时在默认设置scrollTop为0,那么在切换到第二个页面的同时页面的竖向滚动条的位置会默认滚动...
回答:内容自动滚动到可视化区域的底部,你可以自己写一个函数,在页面加载完成后调用即可,这个功能一般不需要采用组件来实现,书写起来也并不复杂,简单的逻辑如下: function getMaxHeight() { messageContainer = document.getElementsByClassName("message-container")[0]; messageContainer.scrollTo({ top: messageContainer...
最近做一个uniapp的聊天室界面,当获取聊天信息之后需要下滑到底部最新消息处,当上拉刷新的时候需要再往上一格移动到下面的消息 通过scroll-view的滚动和下拉刷新来实现 在scroll-view的属性中设置:scroll-into-view="state.scrollIntoMessageId"通过动态设置scrollIntoMessageId来到指定的组件位置 ...
对于聊天评论界面,有的时候需要使用scroll-view组件做固定区域的滚动效果,但是,当有新的评论内容显示的时候,如何能够做到动态让评论区滚动到最底部,以便于显示最新的评论,下面就简单介绍一下处理方式。 效果 一、模板代码 #1.定义外层评论框scroll-view的ID(commentContainer) ...
},//滚动到底部/右边触发scrolltolower() { console.log(1111); },//滚动到顶部/左边触发scrolltoupper() { console.log(2222); } } } .scroll-view_H { white-space: nowrap; .scroll-view-item_H { display: inline-block; width:100%; height: 100px; }...
这里需要用到scroll-view的标签属性scroll-into-view scroll-into-view 值应为某子元素id id不能以数字开头 设置哪个方向可滚动,则在哪个方向滚动到该元素 开始 布局部分示例 <scroll-viewscroll-y="true":scroll-info-view="childrenId"><viewv-for="(item,index) in msg":key="index":id="'id-'+index...
//设置定时器,到时间后滚动到最底部。使用scroll-view组件的scroll-top属性。只要scroll-top的值大于滚动区域的最大高度即可实现滚动到最底部 let scrolltimes=setTimeout(()=>{ this.commentScrollCount=this.commentList.length*200 clearTimeout(scrolltimes) ...
滚动到底部的最直接的方法 1、使用 scroll-into-view 属性 uniapp 模板 初始化、动态设置不同的 state.into 值 数组、容器【滚动区高度、宽度...