所以,给scroll-view设置一个固定高度就可以了 方案1:js计算高度 实现原理: 通过js获取设备高度和外层父元素位置信息,动态计算出剩余高度,也就是scroll-view的高度 // 获取总高度letscreenHeight=uni.getSystemInfoSync().windowHeight;// 布局位置信息constquery=uni.createSelectorQuery().in(this)query.select('#s...
<scroll-view :style="'height:' + scrollViewHeight + ';'"
注意事项 确保scroll-view组件的高度是固定的,否则滚动效果可能无法正常工作。 在处理滚动事件时,要注意避免频繁操作DOM,以免影响性能。 如果需要动态计算scroll-view的高度,可以使用JavaScript动态设置其高度属性。 通过以上步骤,你应该能够在uni-app中成功获取页面滚动条的高度,并根据需要进行进一步的处理和优化。
uniapp 获取页面滚动高度。初步计算基层代码 <template><scroll-viewclass="scroll-view"scroll-y@scroll="onPageScroll">onetwothree</scroll-view></template>exportdefault{data() {return{scrollTop:0// 初始化滚动高度为0} },methods: {onPageScroll(event) {console.log(event);this.scrollTop= event.scr...
一般做商城项目的时候在分类页面都会用到上下滑动,如下图 这时就要用到scroll-view标签,但是scroll-view高度不是自适应的怎么办呢,百度找了好久没找到(可能是我问题说的不明确),然后突然想起了css中的calc,使…
1.使用uni.getSystemInfo(OBJECT)API接口获取设备屏幕高度 2.使用uni.createSelectorQuery()获取元素到屏幕顶部的距离 实现过程: 1.页面部分的代码(只放需要获取的部分了其他部分根据情况来) // scroll-view的代码 class名为sv 使用:style动态绑定高度<scroll-viewscroll-y="true"class="sv":style="{height:nav...
最近在写一个聊天app , 正好写到了聊天部分, 刚开始想的是,当弹出系统键盘时,将页面聊天记录部分(scroll-view)的padding-bottom的值等于系统键盘的高度(监听resize 将新的高度减去老的页面高度就能获取到系统键盘大概多高) 但是 一点击输入框, 我的页面就会被顶走 ,后来通过查阅资料终于知道为什么了: ...
一套代码打包多个微信小程序,一套代码打包多个抖音小程序,有需要请到uniapp插件里面下载享用 下一篇 » taro小程的ScrollView,完美解决动态高度问题 引用和评论 注册登录 获取验证码 新手机号将自动注册 登录 微信登录免密码登录密码登录 继续即代表同意《服务协议》和《隐私政策》...
滚动到底部的最直接的方法 1、使用 scroll-into-view 属性 uniapp 模板 初始化、动态设置不同的 state.into 值 数组、容器【滚动区高度、宽度...
uniapp scroll-view 动态赋予高度,高度自适应。 心声:搞死个人了。uniapp scroll-view 动态赋予高度 解决方法: 将你需要计算元素高度的元素,给与heightTest类,进行节点查询。 使用fields方法,获取到各个元素的高度值。data[0].height是最外层,即总高度,再减去其他占位元素的高度以及边距,就能得出你需要的滚动元素...