解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题

最新推荐文章于 2024-08-07 20:23:38 发布
最新推荐文章于 2024-08-07 20:23:38 发布
阅读量3.7k 收藏
点赞数
文章标签： mini-program
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mandyucan/article/details/81139918
版权

小程序scroll-view中的bindscrolltolower方法失效的原因是，

为这个scroll-view以及page的高度都设置为100vh;

需要在app.wxss中设置

page{
    height：100vh
}

并且在有scroll-view的view中设置height：100vh

即可、

mandyucan
关注
微信小程序scroll-view内使用bindscrolltolower实现上拉加载事件
weixin_42157001的博客
09-11 2252
刚开始的时候使用的是小程序自带的 onReachBottom 上拉触底事件内做的数据上拉加载请求，但是测试的时候触底事件内定义的方法并没有触发，忽然想到是不是 scroll-view 组件内实现页面上拉并不能触发 onReachBottom ，意思也就是， scroll-view 组件跟小程序自带的 onReachBottom 事件不能共同使用， 看了官方文档注意到 scroll-view 组件...
小程序下滑 bindscrolltolower ,加载数据
qq_41737172的博客
07-12 378
【代码】小程序下滑 bindscrolltolower ,加载数据。
解决uniapp scroll-view 触底事件 @scrolltolower失效
最新发布
weixin_70394181的博客
08-07 460
解决方法：给scroll-view增加合适的高度。失效原因：scroll-view没有设置高度。1.给添加动态样式。2.scipt里设置高度。
微信小程序scroll-view bindscrolltoupper & bindscrolltolower不响应的问题
热门推荐
戒骄戒躁，自强不息
01-19 2万+
scroll-view 微信小程序
微信小程序scroll-view的bindscrolltolower事件不生效
Chocolate的博客
06-26 1667
最近学习微信小程序，用到了scroll-view控件，发现bindscrolltolower事件总是不能触发，修改后可正常触发了，注意下面几点。
微信小程序scrollView的bindscrolltolower不触发的情况
ckmzlf的专栏
02-16 2435
scrollView的bindscrolltolower是实现滚动加载的方法，如果不注意会发生无法触发的情况，需要两个条件 1.page未设置成100vh,在app.wxss设置 page{ height:100vh } 2.scrollView设置成100vh 综合两个条件就不会出现bindscrolltolower无法触发的情况 ...
微信小程序 scroll-view滚动到底部事件不触犯的锅
03-29
今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我...
微信小程序scroll-view点击项自动居中效果的实现
10-15
在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它允许用户在内容超过屏幕范围时进行滚动浏览。在某些场景下，我们可能需要实现一个功能，即当用户点击`scroll-view`内的某一项时，该选项能够自动滚动到...
微信小程序scroll-view下拉刷新(附带下拉刷新效果)
11-19
在微信小程序开发中，`scroll-view`组件是一个非常重要的元素，它允许用户在内容超过屏幕范围时进行滚动浏览。在本教程中，我们将探讨如何在`scroll-view`中实现下拉刷新（Pull-to-Refresh）功能，同时提供一个具体...
微信小程序scroll-view实现滚动穿透和阻止滚动的方法
10-18
在微信小程序开发中，`scroll-view` 是一个非常重要的组件，用于实现页面的滚动效果。在某些场景下，我们可能需要实现滚动穿透或者阻止`scroll-view`的滚动，以达到特定的交互效果。本文将详细介绍如何在微信小程序...
小程序bindscrolltolower上拉加载更多快速划到底不触发解决
weixin_43818835的博客
12-09 3607
scroll-view在Android下快速上拉触底后不触发bindscrolltolower~ bug问题描述： 在安卓环境下，列表快速上拉进行滚动加载更多，会出现卡在低端 不进行加载现象，需要在卡住的位置重新下拉一小段距离再重新上拉加载 才可以加载出数据。（慢速上拉是可以正常加载更多数据）。 问题分析： 在父级、子级高度都设置正常的情况下，也就是需要固定的height值固定，需要给height...
小程序中使用bindscrolltolower下拉加载有时候不触发
m0_52517046的博客
05-05 1872
在容器内向下滚动内容至底部的时候，偶尔会出现不触发bindscrolltolower事件 还是可以触发但是 必须先下滑再上拉才能触发 原因： 应该是因为安卓手机下拉滑动到底部时，系统监听到距离底部的距离通常大于50，所以不能触发相应的函数；而小程序默认下拉离底部50px时触发函数（ios没有这种情况） 目前解决方法： 可以通过官网给出的属性让他在滑动到底部之前执行加载 将lower-threshold设置成200 <scroll-view scroll-y bindscrolltol
＜scroll-view＞标签滑动到底部触发bindscrolltolower事件
Tom_yangyang的博客
07-10 436
在js界面中只需要写一个downhint:function() {}，在其中写入一个wx.showToast({})弹窗API,将提示文字写在API的title: '已到底啦！注意title: ''中的提示文字不得超过七个字符。在<scroll-view>标签中添加bindscrolltolower="downhint"属性，这个bindscrolltolower属性的作用是当滑块滑到最底部，没有内容的时候生效的一个滑动事件。
微信小程序 可滚动视图 scroll-view 中绑定bindscrolltolower，bindscrolltoupper 无效的问题处理
andy5520的博客
10-17 2819
<view class="data-view-view"> <scroll-view class="scroll" scroll-top='{{scrollTop}}' bindscroll="scroll" scroll-y="true" lower-threshold="0" style="height:{{scrollHeight}}px;" bind...
微信小程序中 scroll-view 属性 bindscrolltolower 事件触发不生效
徐同泽的博客
01-15 1万+
最近做公司微信小程序的项目时 遇到的问题 记录一下文帝防止日后出现相同的错误 问题所在：处理滚动到底部 触发滚动到底部事件 (bindscrolltolower) 的时候 并没有 生效！ 经过多方面的资料排查，以及官方文档的查询 终于解决了 本人的困惑 &lt;scroll-view class='pages-container' scroll-y="true" ...
微信小程序—bindscrolltolower不起作用的解决办法
Poppy_LYT的博客
08-20 3478
微信小程序—bindscrolltolower不起作用的解决办法 必须给scroll-view设置高度，不然无法触发
微信小程序中scroll-view里获取触底事件
05-30
要在微信小程序中的scroll-view组件中获取触底事件，你可以使用scroll-view的bindscrolltolower事件。当scroll-view滚动到底部时，该事件将被触发。你可以在该事件的回调函数中编写获取更多数据的逻辑。 例如，在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值