微信小程序不能下拉刷新

最新推荐文章于 2024-05-10 16:03:55 发布
最新推荐文章于 2024-05-10 16:03:55 发布
阅读量5.5k 收藏 1
点赞数
分类专栏： 微信小程序 文章标签： 下拉刷新 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lmhlmh_/article/details/80823742
版权

参考文章： https://zhuanlan.zhihu.com/p/24739728

原来的老版本开发者工具里在json文件里设置了enablePullDownRefresh:true后可以下拉刷新，新版本里面如果页面右scroll-view组件会与下拉刷新冲突。解决办法就是用view组件替代scroll-view,把后者的onScrollToLower事件改成onReachBottom,详情参考链接

十一号路口。
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序长图超过屏幕页面不能下拉_微信小程序的页面弹窗过长滚动导致的底层滚动（滚动穿透问题）解决办法...
weixin_39576127的博客
02-05 2708
对于微信小程序，弹窗时，如果弹窗内容过长，需要滚动，滚动同时，底部页面跟着滚动，这如何优雅的处理这个问题？处理1(不推荐)： --添加position:fixed弹窗时通过给底部最大的view标签添加position:fixed;，从而达到页面不会跟着弹窗滚动超长底部内容弹窗超长内容缺点：在取消了该属性后，页面自动滚动回页面顶部，失败。处理2(不推荐)：--添加catchtouchmove 事...
微信小程序下拉刷新不回弹
lvdoubing81的博客
09-13 1566
在真机调试微信小程序的时候，微信小程序下拉刷新结束，但是导航栏却并没有回到原位=。= 解决方法： 在下拉加载结束之后，调用wx.stopPullDownRefresh()方法就好了 wx.stopPullDownRefresh();
微信小程序-禁止页面下拉回弹
最新发布
1234Wu--Blog
05-10 817
微信小程序-禁止页面下拉回弹,主要是。
记首次小程序遇到坑及解决
seevc的专栏
03-20 1055
由于工作需要，首次进行微信小程序开发，从基础环境搭建到小程序发布，体验到小程序便捷的同时，也踩了不少坑，在此记录下。
微信开发者工具之页下拉刷新和上拉触底
imbzz的博客
07-11 761
微信开发者工具页面下拉刷新和下拉更新数据的简单实现
微信小程序界面下拉刷新实现方法
Joychen404的博客
05-25 1万+
微信小程序中，通过下拉刷新页面是基本操作，在当前页面排满的情况下继续下拉加载更多内容。小程序和网页都可以实现这一功能，不同的是小程序界面有能实现下拉刷新功能的API，只需从系统调用即可。通过查看微信开发文档可知，enablePullDownRefresh 这个属性设置为true。就默认开启了下拉刷新。enablePullDownRefresh可以写在app.json 中 和页面的xxx.json，...
微信小程序 "enablePullDownRefresh" 下拉刷新无效
热门推荐
xiaochun365的博客
05-08 3万+
“enablePullDownRefresh”: “true” 在 Page 中定义 onPullDownRefresh 处理函数，监听该页面用户下拉刷新事件。 需要在 config 的window选项中开启 enablePullDownRefresh。 当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。这个问题困惑了挺长时间，在群里提问也没能找打答案
微信小程序实现下拉刷新动画
10-16
在微信小程序中，实现下拉刷新动画涉及到对小程序的基础组件、事件监听以及动画API的深入理解。本文将详细解析如何利用微信小程序的动画机制来创建一个动态效果的下拉刷新功能。 首先，我们需要了解微信小程序的...
微信小程序源码 下拉刷新，tab切换(学习版)
06-18
微信小程序源码 下拉刷新，tab切换(学习版)微信小程序源码 下拉刷新，tab切换(学习版)微信小程序源码 下拉刷新，tab切换(学习版)微信小程序源码 下拉刷新，tab切换(学习版)微信小程序源码 下拉刷新，tab切换(学习版)...
微信小程序实现下拉刷新和轮播图效果
08-28
微信小程序实现下拉刷新和轮播图效果 微信小程序实现下拉刷新和轮播图效果是小程序开发中非常常见的功能，本文将详细介绍如何实现微信小程序的下拉刷新和轮播图效果。 下拉刷新 微信小程序的下拉刷新功能可以通过...
微信小程序实现页面下拉刷新和上拉加载功能详解
10-17
主要介绍了微信小程序实现页面下拉刷新和上拉加载功能,结合实例形式分析了微信小程序页面下拉刷新和上拉加载相关事件监听与功能实现操作技巧,需要的朋友可以参考下
微信小程序 原生实现下拉刷新
03-29
在微信小程序中想要实现下拉刷新，是很方便的。但是如何使用，在文档上找起来却不是很方便。话不多说，直接上文档截图 (此图片来源于网络，如有侵权，请联系删除! )   很明显，enablePullDownRefresh 这个属性设置...
微信小程序 scroll-view设置下拉刷新无效的问题
qq_23049111的博客
11-05 1228
官方demo可以下拉刷新，复制到自己的项目中无法下拉，对比后发现是调试基础库版本的问题。 微信开发者工具左上角，点击详情，然后找到本地设置，修改调试基础库。
微信小程序 上拉，下拉事件
赫凯的博客
02-28 1万+
之前用的是scrollview的bindscrolltoupper以及bindscrolltolower，可以我怎么拉都不走，还请成功的大神来帮我解释下。 既然这个不同我就找了另一种方法，就是官方提供的方法，提供了下拉刷新的回调，上拉加载的回调是这个样子的，我也不知道他是如何找到的。当然不能直接用，需要在对应页面的json里填上这样一句话// json 这句话不就是下拉刷新的那个么？ "enab
小程序开发踩坑记录（五）——模拟实现底部tabbar和下拉刷新功能（解决安卓端打开下拉刷新功能后fixed元素失效问题）
王小烦的博客
04-29 4119
①问题描述 因为上一篇文章提到的问题，小程序目前（2019年4月29日）暂时无法实现在打开下拉刷新功能的前提下，自己使用position:fixed制作底部tabbar标签导航栏，在下拉刷新时，页面上所有的fixed元素也都会失去fixed效果，会跟随页面一起下拉。 为解决这个问题，笔者使用scroll-view组件自制下拉刷新功能，使用position:fixed自制底部tabbar，基本解决（...
微信小程序下拉菜单
Herry Zhang的博客
08-29 9502
效果如图所示 代码链接：https://github.com/herry-zhang/wxapp-selected
微信小程序没有select元素
青菜陪白豆腐的博客
07-20 1万+
小白的我又来了，今天遇到了一个很蠢的问题啊，没接触微信小程序多久，有个页面需要用到下拉选项，我顿时想到的是用select元素和option元素，可惜微信小程序不如我意，就是不好使，没办法我上网一个搜索，却发现微信小程序没有这select和option这东西，那它用什么替代的呢。它是用picker这东西来实现的，不过这挺好还不用重新写个样式显示options。黑字白底清清楚楚，很好看。先看看微信小程...
小程序上拉加载和下拉刷新问题总结
weichen913的博客
02-24 1万+
先说下遇到的问题 1、怎么触发下拉刷新上拉加载及设定触发上拉加载的距离 2、怎么在wx.startPullDownRefresh（）中执行方法 3、没有刷新动画 4、ios真机下拉刷新反弹距离过大 一、要触发下拉刷新上拉加载事件，需要能够监听到事件才行 在需要实现下拉刷新上拉加载的页面配置xxx.json文件 { "enablePullDownRefresh":true,//...
微信小程序实现安卓机下拉不刷新，ios下拉刷新操作（自定义底部tab栏在安卓机下拉）
lindali1115的博客
04-30 979
由于自定义底部tab栏在安卓机下拉时会跟随下滑，所以针对这种情况，就产生了一种解决方案，购物袋页面在安卓机下拉时不刷新，ios下拉时刷新。 思路： 1.不用小程序的下拉刷新~真正用的是onPageScroll，基于ios可以下滑时有一个滚动的效果但是安卓机没有这个特点实现的 代码： 1.json 禁止下拉属性 { "usingComponents": { }, "navi...
微信小程序轮播图下拉刷新
07-28
对于微信小程序中的轮播图下拉刷新的功能，你可以按照以下步骤来实现： 1. 首先，在你的小程序页面中，将轮播图和下拉刷新组件进行布局。 2. 使用 `<swiper>` 标签来创建轮播图组件，可以设置 `indicator-dots` 属性为 `true`，来显示轮播图的指示点。 3. 在页面的 JSON 配置文件中，引入下拉刷新组件，例如： ```json { "usingComponents": { "pull-refresh": "/components/pull-refresh/pull-refresh" } } ``` 4. 在页面的 WXML 文件中，添加下拉刷新组件的标签，并设置相应的事件处理函数，例如： ```html <pull-refresh bind:refresh="onRefresh"> <!-- 这里放置你的轮播图组件 --> <swiper> <!-- 轮播图的内容 --> </swiper> </pull-refresh> ``` 5. 在页面的 JS 文件中，定义下拉刷新事件处理函数 `onRefresh`，并在函数中触发数据刷新的逻辑，例如： ```javascript Page({ onRefresh: function(e) { // 这里写下拉刷新的逻辑 // 如请求数据、更新数据等 } }) ``` 6. 在下拉刷新完成后，需要调用下拉刷新组件的 `complete` 方法来结束刷新状态，例如： ```javascript onRefresh: function(e) { // 请求数据、更新数据等 // 刷新完成后调用下拉刷新组件的 complete 方法 e.detail.complete(); } ``` 这样，当用户在小程序页面中下拉时，就会触发下拉刷新事件，你可以在事件处理函数中进行相应的数据更新操作。完成数据更新后，记得调用下拉刷新组件的 `complete` 方法来结束刷新状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值