微信小程序中 scroll-view触底事件不触发的解决方法

最新推荐文章于 2024-08-07 20:23:38 发布
最新推荐文章于 2024-08-07 20:23:38 发布
阅读量8.6k 收藏 3
点赞数 1
分类专栏： 微信小程序 微信小程序问题盒子 文章标签： 小程序 scroll-view
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40695895/article/details/82882757
版权

  1. scroll-view组件是否设置了确定的高度，若没有请设置

  2. scroll-view组件的 lower-threshold 参数是否带了单位，若带了单位如 px、rpx等，请去除，只使用数值。

  3. 若设置了上面两项还是没有效果，将 scroll-view的高度设置为具体的数值，如：100px

  4. 其他事件的设置类似触底事件

渔父歌
关注
专栏目录
小程序开发教程中view组件无法达到预期效果解决
wangdaowei90的专栏
03-03 582
有很多初学者在小程序入门过程中（https://mp.weixin.qq.com/debug/wxadoc/dev/component/view.html腾讯教程），在测试view组件时，发现无法达到预期效果，是因为index.wxss 中没有添加相应的样式，添加如下代码就行：/**index.wxss**/.bc_green{ background:green;}.bc_red{ b...
解决小程序scroll-view无法触发onReachBottom上拉触底事件
婳祎
10-18 2246
使用了scroll-view标签onReachBottom上拉触底不触发，可以在标签里面加上这个事件 bindscrolltolower事件。 bindscrolltolower eventhandle 否 滚动到底部/右边时触发 <scroll-view class="list" scrollY="true" bindscrolltolower="Reachbottom"></scroll-view> 然后在js中调用这个方法，在...
解决uniapp scroll-view 触底事件 @scrolltolower失效
最新发布
weixin_70394181的博客
08-07 439
解决方法：给scroll-view增加合适的高度。失效原因：scroll-view没有设置高度。1.给添加动态样式。2.scipt里设置高度。
微信小程序的onReachBottom在scroll-view 里面使用触发不了
weixin_53385000的博客
05-05 1175
微信小程序里的onReachBottom在scroll-view 里面使用触发不了 onReachBottom上拉触底使用了scroll-view标签不触发，要在标签里面加上这个事件 bindscrolltolower事件。 例如： <scroll-view class="list" scrollY="true" bindscrolltolower="bottom"></scroll-view> 然后到js里面调用bottom就行了 bottom: function(a)
ios系统微信小程序scroll-view划不动的问题
每天都记录一点点！
02-04 5542
这段时间开发个微信小程序的点餐系统，因为只需要小程序版本，所以就用原生的小程序写了，过程中遇到了几个问题和坑，就总结一下，方便来后者。 商品分类和商品列表的左右联动，像美团和饿了么那样的交互，点击某个分类滑动到对应的商品列表，随意滑动商品列表商品分类也会做对应的切换，我个人的实现方案如下： 要用到scroll-view的to-view属性 每个商品的高度都是固定的，所以要开始计算好每个类目对应的商品列表的高度，在滑动商品的时候实时获取scrollTop,然后再让商品分类列表做对应的切换 主要代码如下：
微信小程序 scroll-view滚动到底部事件不触犯的锅
03-29
今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我...
微信小程序scroll-view下拉刷新(附带下拉刷新效果)
11-19
在微信小程序中，我们可以使用`scroll-view`的`bindscroll`事件来监听滚动过程，并结合`wx.startPullDownRefresh`和`wx.stopPullDownRefresh`方法来实现这一功能。 1. **开启下拉刷新**： 在`app.json`或页面配置...
微信小程序：scroll-view组件滑动多次触发scroll事件的bug解决
热门推荐
小熊的博客
07-23 1万+
在项目开发过程中，组件是微信小程序提供给我们的一个分页器，一般滑动到底部时会触发scroll事件，scroll事件中往往包含对后端数据的请求；若是还未滑动到底部时频繁触发事件，则会频繁发请求，达不到想到的分页效果。 先来说说的用法 &lt;scroll-view scroll-y="true" style="height:{containerHeight}px" lower-threshold...
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
11-26
在微信小程序中，`scroll-view`组件是用于实现滚动效果的重要元素，它可以处理横向或纵向的滚动，并且支持上拉加载更多（onReachBottom）和下拉刷新（onPullDownRefresh）功能。以下是对实现这一功能的代码进行的...
微信小程序中scroll-view里获取触底事件
05-30
要在微信小程序中的scroll-view组件中获取触底事件，你可以使用scroll-view的bindscrolltolower事件。当scroll-view滚动到底部时，该事件将被触发。你可以在该事件的回调函数中编写获取更多数据的逻辑。 例如，在...
微信小程序 特殊布局下，页面上拉触底事件onReachBottom无法触发解决方法
zqhs5599的博客
07-10 2914
一、js import fn from '../../utils/functions.js'; // 你自己封装的方法集 Page({ data: { list: [], page: 1, loading: false, // 是否加载中 finished: false // 是否加载完毕 }, /** * 页面上拉触底事件的处理函数 */ scrollToLower: function(e) { if (!this.data.finish
微信小程序 scroll-view失效问题
black1java的博客
02-02 667
记录嵌套在swiper-item里面的scroll-view失效问题，height设置为。在css中加入以下代码 可以隐藏滚动条。scroll-view 使用步骤。
小程序触底加载~~~~
xh1506101064的博客
11-13 313
使用scroll-view作为最外层容器。 <scroll-view id="wrapper" style="height:100%" scroll-y="true" bindscrolltolower="onBtmFun" lower-threshold="50" > <view id="topTable"> </view> </scroll-view> 在js文件里面的onBtmFun写触底加载的方法。 就可以了。 触底方法不触发的
微信小程序上拉触底onReachBottom没触发的解决方案
m0_61848095的博客
03-25 708
微信小程序上拉触底onReachBottom没触发的解决方案
微信小程序 onReachBottom 上拉触底加载 没触发
Dove言和
08-18 3303
在数据渲染到小程序端的时候，大量数据会造成页面卡顿，严重的话会卡死，增大服务器压力 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 小程序自带能检测到到用户触底事件的函数 开发中可能会遇到写个底部触发事件，但是运行却没生效？ //底部触发 onReachBottom: function () { wx.showLoading({ title: '加载中...', }) console.log('到底了'); ..
微信小程序 页面除去头部和底部，中间高度铺满剩余部分的解决方案
qq_38337245的博客
11-15 4512
做这么一个界面，让中间紫色和橙色部分的内容铺满在中间位置，并且让橙色部分位置固定不动，紫色部分内容超出时滚动，如图： 首先如何做到呢？ 我使用了定位position：fiexed;让它撑满（关键代码）， position: fixed;top: {{topHeight + 30}}rpx;left: 25rpx;right: 25rpx;bottom:30rpx; 然后通过计...
表格，更新数据后view没有变化，点击事件后自动刷新
m0_69681440的博客
07-06 452
在中methods定义的方法首字母小写，this替换。记录一下，网上那些都没成功，自己搞搞吧。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值