文章 2024-09-27 来自:开发者社区

微信小程序页面事件,下拉刷新事件和上拉触底事件

1. 下拉刷新事件 下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,从而重新加载页面数据的行为。 1.1. 开启下拉刷新 开启下拉刷新有两种方式:全局和局部。一般的话是开启局部下刷新,哪里用到哪里开。 全局开启下拉刷新● 在 app.json 的 window 节点中,将 enablePullDownRefr...

文章 2024-07-04 来自:开发者社区

【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件)

此页可在动态列表的基础上完善,也可以单独学习 【微信小程序-原生开发】实用教程10 - 动态列表的新增、修改、删除 https://blog.csdn.net/weixin_41192489/article/details/128835069 效果预览 ...

【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件)
文章 2024-05-10 来自:开发者社区

uniapp-微信小程序-上拉和下拉触底刷新

uniapp-微信小程序-上拉和下拉触底刷新

uniapp-微信小程序-上拉和下拉触底刷新
文章 2024-03-14 来自:开发者社区

【微信小程序】-- 页面事件 - 上拉触底 - 案例(二十七)

一、上拉触底案例   前面已经学习了页面事件–上拉触底,通过栗子学习了上拉触底的监听触发和配置上拉底距。接下来就来通过案例详细了解上拉触底事件。话不多说,让我们原文再续,书接上回吧。 1、案例效果   可以先来看一下要实现的效果图,图中有随机背景颜色的box,如下所示: ...

【微信小程序】-- 页面事件 - 上拉触底 - 案例(二十七)
文章 2024-03-14 来自:开发者社区

【微信小程序】-- 页面事件 - 上拉触底(二十六)

一、上拉触底事件   前面已经学习了页面事件-下拉刷新,通过栗子学习了开启下拉刷新效果的两种方式,以及下拉监听函数和停止下拉效果,在模拟器上会自动停止下拉效果,而真机上不会,所以在下拉监听函数要记得加上停止下拉效果。接下来就来学习一下另外一个页面事件–上拉触底。话不多说,让我们原文再续,书接上回吧。 ...

【微信小程序】-- 页面事件 - 上拉触底(二十六)
文章 2024-03-14 来自:开发者社区

【微信小程序】-- 全局配置 -- window - 下拉刷新 & 上拉触底(十六)

一、全局配置 - window   前面已经介绍了小程序的全局配置–window,通过栗子学习了修改 window 配置项来完成对导航栏的操作。接下来就来讲解一下window 另外一类配置项–下拉刷新。话不多说,让我们原文再续,书接上回吧。 ...

【微信小程序】-- 全局配置 -- window - 下拉刷新 & 上拉触底(十六)
文章 2023-07-11 来自:开发者社区

微信小程序触底加载scroll-view

微信小程序触底加载 scroll-view了解什么是触底加载?需求:有个固定高度的容器,实现容器里面的内容触底加载1、内容盒子的高度2、盒子里内容的总高度3、滚动条的scrollTop触底加载的原理就是 当里面的容器触底的时候进行分页,请求接口合并数据公式盒子的高度+滚动条的scrollTop = 内容高度使用原生的计算方法比较麻烦 因此市面上有很多关于触底加载的插件我们这里使用的是 uni-a....

微信小程序触底加载scroll-view
文章 2023-06-26 来自:开发者社区

微信小程序触底加载scroll-view

了解什么是触底加载?需求:有个固定高度的容器,实现容器里面的内容触底加载1、内容盒子的高度2、盒子里内容的总高度3、滚动条的scrollTop触底加载的原理就是 当里面的容器触底的时候进行分页,请求接口合并数据`公式盒子的高度+滚动条的scrollTop = 内容高度`使用原生的计算方法比较麻烦 因此市面上有很多关于触底加载的插件我们这里使用的是 uni-app 里面的 scroll-views....

微信小程序触底加载scroll-view
文章 2022-09-21 来自:开发者社区

微信小程序--》小程序全局配置和详解下拉刷新和上拉触底页面事件

️全局配置-window全局设置小程序窗口的外观。window节点常用的配置项属性名                                 类型        默认值 说明navigati....

微信小程序--》小程序全局配置和详解下拉刷新和上拉触底页面事件

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"10分钟搭建微信小程序","productDescription":"本方案为您介绍如何在阿里云快速部署博客网站,并将网站服务快速应用到微信小程序。","productContentLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/develop-your-wechat-mini-program-in-10-minutes"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://help.aliyun.com/document_detail/2856534.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"高效构建企业门户网站","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/build-a-website","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}

阿里小程序云

阿里小程序云官方技术圈

+关注