uni-app,开发scroll-view下拉刷新的时候，需要计算scrool-view的高度，uni.getSystemInfo异步方式不行

最新推荐文章于 2024-06-06 10:02:16 发布
最新推荐文章于 2024-06-06 10:02:16 发布
阅读量253 收藏
点赞数
分类专栏： uni-app VUE 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18089765/article/details/123416452
版权
VUE 同时被 2 个专栏收录
17 篇文章 0 订阅
订阅专栏
uni-app
4 篇文章 0 订阅
订阅专栏
本文介绍如何在uni-app中使用同步方法getSystemInfoSync获取设备信息，详细解释了在onLoad生命周期中如何获取windowHeight和statusBarHeight，并计算出页面滚动区域的高度。
摘要由CSDN通过智能技术生成

要用同步：getSystemInfoSync

onLoad() {
            
            const res = uni.getSystemInfoSync();
            this.scroolH = res.windowHeight - res.statusBarHeight -44

桃花岛主70
关注
专栏目录
微信小程序如何实现兼容----wx.getSystemInfoSync、 wx.getSystemInfo、wx.canIUse
m0_58859743的博客
07-13 4196
介绍微信小程序如何在不同品牌型号手机上实现兼容。 涉及wx.getSystemInfoSync、 wx.getSystemInfo、wx.canIUse等API。
uni-app使用scroll-view自定义下拉刷新(vue3+ts)
m0_60708088的博客
07-04 2182
uni-app使用scroll-view自定义下拉刷新(vue3+ts)
scrollView下拉刷新，异步任务动态添加view
summertime2013的专栏
04-13 6693
做一个类似qq客户端好友动态刷新的
uniapp 中如何实现上拉加载,下拉刷新?
weixin_74535649
07-19 7913
uniapp 中如何实现上拉加载,下拉刷新?
uniapp 上拉加载下拉刷新_上拉加载下拉加载_通过结合scroll-view实现上拉加载下拉刷新
byf5229的博客
07-06 856
refresher-default-style="none" // 设置自定义下拉刷新默认样式，支持设置 black，white，none，none 表示不使用默认样式。:refresher-triggered="isRefresher" // 设置当前下拉刷新状态，true 表示下拉刷新已经被触发，false 表示下拉刷新未被触发。:refresher-threshold="0" // 设置自定义下拉刷新阈值。refresher-enabled="true" // 开启自定义下拉刷新。
uniapp小程序的getsysteminfo_微信小程序 scroll-view 的那些坑
weixin_39746382的博客
10-21 575
记得最开始做小程序的时候，遇到的第一个坑便是 <scroll-view></scroll-view> 和小程序页面级别的下拉刷新冲突的问题。即：<scroll-view></scroll-view>标签与onPullDownRefresh事件无法同时使用。当时想做成的效果就是一个可以作用拖动的长列表，同时具有下拉刷新效果，大概是这样：PS：用的安卓模...
关于scroll-view和下拉刷新的那些坑
03-29
众所周知，小程序不支持操作dom元素，但最近公司做了这样的一个功能，滚动scrollview 标签，当页面滚动到一定的...scroll-view scroll-y="true" style="height: {{scrollViewHeight}}rpx;" bindscroll="scrollviewScrol
uni-app计算scroll-view高度
gcyaozuodashen的博客
07-12 2999
　　 　　　　 　　　　　　 　　　　　　　　内容... 　　　　　　 　　　　 　　
微信小程序scroll-view下拉刷新(附带下拉刷新效果)
11-19
在提供的资源文件中，`super-scroll-view.js`可能是实现下拉刷新逻辑的JavaScript代码，`super-scroll-view.json`是该组件的配置文件，`super-scroll-view.wxml`和`super-scroll-view.wxss`分别是组件的结构和样式...
uni-app中scroll-view的高度
LLL_liuhui的博客
09-04 5341
需要做一个点击弹出列表的模态框，这个列表可以下拉滑动 1、代码 <view @tap="showModal=true">{{form.organizationName}}</view> <view class="moddal" v-if="showModal" @tap="showModal=false"> <view class="moddal-content"> <scroll-view :scroll-top="sc
uniapp中wx.getSystemInfoSync() 或 wx.getSystemInfo() 踩坑
baidu_41601048的博客
12-05 3872
wx.getSystemInfoSync踩坑
为何uni-app项目中使用uni.getSystemInfo获得的属性值绑定到动态样式上没有生效
热门推荐
zhengzizhi的专栏
04-28 1万+
先看看错误的范例代码，当你单步调试onLoad里面的代码时， 能够输出我们想要的结果，但这样的写法不能让正确的动态样式绑定生效： <template> <view class="content" :style="{ height: wagesheight + 'px' }"> <image class="logo" src="/static/logo.pn...
14天速成小程序开发：第四章 被bug拿捏的几天——uni.getSystemInfoSync()获取不了系统信息
最新发布
WYyanyufei的博客
06-06 457
兄弟们，这几天不是我不想更新，而是无能为力啊，周日开始写uni.getSystemInfoSync()获取系统信息是出现了bug，这周实训满课，刚刚才请教了一位大佬帮我把bug消除了…谨以此篇记录bug。
【uniapp】 获取系统信息
C站全栈优质创作者、阿里云受邀博主专家，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
08-23 4642
上节中我们讲到小程序的request请求以及上传文件操作，掌握了小程序基本的控件使用，这节我们要来探讨小程序获取系统信息，识别当前环境。
uni.getSystemInfoSync()返回的是一个数值无单位
MJAJAWCN的博客
08-23 706
uni.getSystemInfoSync()返回的是一个数值无单位
uni-app 社交 下拉加载历史消息记录，滚动到下拉之前，不闪
05-19
7. **App.vue**：作为uni-app的全局配置文件，`App.vue`中可以定义全局样式、监听设备事件等，对于统一的下拉刷新效果，可以在该文件中设置全局的下拉刷新样式和行为。 8. **pages.json**：配置文件，定义应用的...
uni-app用了scroll-view后的下拉刷新问题以及跳转到tabbar的方法
stormzi的博客
07-30 4313
1.用了scroll-view后的下拉刷新问题 如果swiper嵌套scroll-view纵向滚动条需要用到下拉刷新功能，在用户下拉时，其实是触发的scroll-view纵向滚动条中的下拉事件，无法触发到页面级的下拉事件。 此时，如果通过onPullDownRefresh页面级的下拉事件，是没有效果的。如果不采用scroll-view，则页面级的上拉加载只能触发一次，所以不采用这种方法。 而采用scroll-view 组件中的组件下拉刷新功能： refresh() {
微信小程序的兼容处理汇总（不定期更新）
weixin_53582738的博客
10-10 7180
微信小程序开发，又称面向公告开发。一步一个坑，谁写谁知道。
微信小程序开发之——获取系统信息
我的博客
09-27 2970
一 概述 获取系统信息又两种方式：wx.getSystemInfo和wx.getSystemInfoAsync wx.getSystemInfo ：是异步的调用格式，但是是同步返回 wx.getSystemInfoAsync：异步获取系统信息 二 wx.getSystemInfo返回结果 属性 类型 说明 success function 接口调用成功的回调函数 fail function 接口调用失败的回调函数 complete function 接口调用结束的回调函数（调用
微信小程序自定义导航栏
csdn姚宏波
07-23 1789
1. 为什么要自定义导航栏 我们在使用 uni-app 等框架开发跨端应用时，H5和App不需要特殊考虑，但是微信小程序的顶部会有一个状态栏，和一个胶囊按钮，这些会覆盖住我们开发的导航栏，所以在微信小程序中，需要进行特殊处理 而且即使只开发微信小程序，那么因为手机的型号很多，比如有的水滴屏幕，有的普通屏幕，也会造成导航栏被部分遮挡，所以，我们必须对导航栏进行处理 2. 处理原则 应该从下面几个方法考虑解决方案 导航栏不能遮挡下面的内容 将导航...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

桃花岛主70

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值