关键是设置scroll事件及赋值时要是延迟的,放在$nextTick或setTimeout <scroll-viewclass="scroll_content"scroll-y="true":scrollTop='scrollTop'@scroll='scroll':style="{'top': listTop+'px',height:taskStatus===1?scrollHeight+'px':scrollHeight2+'px'}"><!--任务tab内容--><TaskInfo:taskInfos='...
1.上下滚动因为高度的问题,scrollView没有填满所剩下的空间,没有实现区域滚动 scroll-top 不生效的问题 ,比如想滚动到底部 在用这个标签之前,很多地方需要阅读官方文档比如这句话 :用竖向滚动时,需要给 一个固定高度,通过 css 设置 height。 我的第二个问题就是因为没有设置高度导致 scroll-top不生效,但是设置高...
-- scroll-with-animation="true" 这句话也尽量给加上 --> <scroll-view scroll-y="true" class="msg-list" :style="{ height: clientHeight + 'px' }" scroll-with-animation="true" :scroll-top="scrollTopVal" @scroll="viewScroll"> <view v-for="msg in msgList.data" :key="msg.id"> <...
记录下来 当uniapp用scroll-view竖向滚动时,在scrollTop为0时,下拉会卡顿。 解决方法(只需要在app-plus里加上"bounce":"none",就可以了 ,{ "path" : "components/scollTest/scollTest", "style" : { "navigationBarTitleText": "测试scoll", "navigationBarTextStyle":"black", "enablePullDownRefresh": ...
if (scrollTop > 5) { this.opa = 1; } else { this.opa = 0; } // if (this.flag) { // this.flag = false; // setTimeout(() => { // this.flag = true; // if (scrollTop > 5) { // this.opa = 1; // } else { ...
ScrollX: false, bounceScrollY: false, bounceScrollLeft: 0, bounceScrollTop: 0, }; }, watch: { bounceScrollX() { this.refresh(); }, bounceScrollY(val) { this.refresh(); }, bounceScrollLeft(val) { this.scrollTo(val, this.bounceScrollTop); }, bounceScrollTop(val) { this.scrollTo...
在uniapp中获取scrollTop值,通常涉及到监听页面的滚动事件并获取滚动的距离。以下是一些方法和代码示例,帮助你实现在uniapp中获取scrollTop的需求: 1. 使用onPageScroll事件 uniapp提供了onPageScroll事件,该事件在页面滚动时会被触发,并返回一个对象,其中包含scrollTop属性,表示当前页面滚动的距离。 markdown ```java...
解决办法有两种(以scroll-view组件为例): (1)、监听scroll事件,记录组件内部变化的值,在设置新值之前先设置为记录的当前值 代码语言:javascript 复制 <scroll-view:scroll-top="scrollTop"scroll-y="true"@scroll="scroll">exportdefault{data(){return{scrollTop:0,old:{scrollTop:0}}},methods:{scroll:funct...
问题描述 在线聊天上拉加载历史数据:先通过 uni.createSelectorQuery 记录请求数据之前的高度,然后在请求成功后再次查询节点高度,并且计算 scrollTop 应该滚动的高度。 问题:1. 在 h5 页面中会存在滚动条滚动到指定位置了但是页面没有任何数据(模拟器上没有问题,真机