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

最新推荐文章于 2025-03-13 12:15:24 发布
最新推荐文章于 2025-03-13 12:15:24 发布
阅读量3.8k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： mini-program
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Mandyucan/article/details/81139918
本文介绍了解决小程序scroll-view组件中bindscrolltolower事件不触发的问题。通过设置scroll-view及其所在页面的高度为100vh，可以确保滚动到底部时能够正确触发事件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

需要在app.wxss中设置

page{
    height：100vh
}

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

即可、

mandyucan
关注
【微信小程序】基础组件-scroll-view滚动视图容器
墨夶的博客
11-21 3314
组件是微信小程序中非常重要的布局组件，支持多种滚动行为和样式控制。通过合理使用组件及其属性和事件，可以构建出流畅且功能丰富的滚动视图。希望本文对你的微信小程序开发有所帮助。😊。
微信小程序 可滚动视图 scroll-view 中绑定bindscrolltolower，bindscrolltoupper 无效的问题处理
andy5520的博客
10-17 3040
<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事件不触发的问题
weixin_30405421的博客
07-21 2968
布局问题 小程序中为了可滚动视图区域要得使用scroll-view，但scroll-view有致命的缺陷，就是不支持flex布局。但我们可以通过使用scroll-view来包裹view的方法来使用flex布局. scroll-view来包裹view的方法来使用flex布局 wxml部分 <scroll-view class="grid-container-e" ...
微信小程序scroll-view内使用bindscrolltolower实现上拉加载事件
weixin_42157001的博客
09-11 2346
刚开始的时候使用的是小程序自带的 onReachBottom 上拉触底事件内做的数据上拉加载请求，但是测试的时候触底事件内定义的方法并没有触发，忽然想到是不是 scroll-view 组件内实现页面上拉并不能触发 onReachBottom ，意思也就是， scroll-view 组件跟小程序自带的 onReachBottom 事件不能共同使用， 看了官方文档注意到 scroll-view 组件...
微信小程序scroll-view bindscrolltoupper & bindscrolltolower 上滑下拉不触发事件
oCaiWen的博客
06-12 981
<scroll-view wx:if="{{shujiaData}}" class="swiper-scroll" scroll-y="true" bindscrolltoupper="scrolltoupperb" bindscrolltolower="scrolltolowerb"> <view class="shujia"> <block wx:for="{{shujiaData}}" wx:key="unique" wx:for-index="i" wx:f
微信小程序scroll-view bindscrolltoupper & bindscrolltolower不响应的问题
热门推荐
戒骄戒躁，自强不息
01-19 2万+
scroll-view 微信小程序
微信小程序 scroll-view滚动到底部事件不触犯的锅
03-29
今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我...
微信小程序scroll-view点击项自动居中效果的实现
10-15
在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它允许用户在内容超过屏幕范围时进行滚动浏览。在某些场景下，我们可能需要实现一个功能，即当用户点击`scroll-view`内的某一项时，该选项能够自动滚动到...
微信小程序使用scroll-view标签实现自动滑动到底部功能的实例代码
10-17
在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它允许开发者创建可滚动的内容区域，以处理超出屏幕范围的内容。本实例主要讲解如何利用 `scroll-view` 实现自动滑动到底部的功能，这对于聊天界面、评论...
微信小程序scroll-view的bindscrolltolower事件不生效
Chocolate的博客
06-26 2007
最近学习微信小程序，用到了scroll-view控件，发现bindscrolltolower事件总是不能触发，修改后可正常触发了，注意下面几点。
微信小程序scrollView的bindscrolltolower不触发的情况
ckmzlf的专栏
02-16 2676
scrollView的bindscrolltolower是实现滚动加载的方法，如果不注意会发生无法触发的情况，需要两个条件 1.page未设置成100vh,在app.wxss设置 page{ height:100vh } 2.scrollView设置成100vh 综合两个条件就不会出现bindscrolltolower无法触发的情况 ...
微信小程序—bindscrolltolower不起作用的解决办法
Poppy_LYT的博客
08-20 3593
微信小程序—bindscrolltolower不起作用的解决办法 必须给scroll-view设置高度，不然无法触发
微信小程序事件 （例如滚动底部事件 bindscrolltolower）
s3248149993的博客
10-12 913
这些事件可以用于实现各种滚动相关的交互效果，例如加载更多内容、下拉刷新等‌。日期: {{dates}}一、<scroll-view> 组件。// 点击日期组件确定事件。
小程序bindscrolltolower上拉加载更多快速划到底不触发解决
weixin_43818835的博客
12-09 4027
scroll-view在Android下快速上拉触底后不触发bindscrolltolower~ bug问题描述： 在安卓环境下，列表快速上拉进行滚动加载更多，会出现卡在低端 不进行加载现象，需要在卡住的位置重新下拉一小段距离再重新上拉加载 才可以加载出数据。（慢速上拉是可以正常加载更多数据）。 问题分析： 在父级、子级高度都设置正常的情况下，也就是需要固定的height值固定，需要给height...
Uniapp当中的scroll-view滚动条不出现或者触底刷新事件不触发
最新发布
学习记录
03-13 2630
检查容器高度是否有效设置审查全局 CSS 是否覆盖滚动条样式验证子元素布局是否符合滚动方向要求分平台调试并添加兼容性代码通过上述方案，可覆盖 90% 的滚动条异常场景。具体实现需结合业务逻辑调整（如动态高度计算或分页加载优化）。
小程序scroll-view快速滑动不会触发bindscrolltolower(偶现)
weixin_44969815的博客
01-09 2367
wepy小程序开发 最近偶现出一个bug 因为做的是上拉加载的功能 用到了scroll-view的几个方法 scrolltolower和lower-threshold 项目的一些代码 <scroll-view scroll-y @scrolltolower="scrollList" lower-threshold="{{30}}" ...
＜scroll-view＞标签滑动到底部触发bindscrolltolower事件
Tom_yangyang的博客
07-10 652
在js界面中只需要写一个downhint:function() {}，在其中写入一个wx.showToast({})弹窗API,将提示文字写在API的title: '已到底啦！注意title: ''中的提示文字不得超过七个字符。在<scroll-view>标签中添加bindscrolltolower="downhint"属性，这个bindscrolltolower属性的作用是当滑块滑到最底部，没有内容的时候生效的一个滑动事件。
微信小程序实现scroll-view的下拉刷新功能
微信小程序中的scroll-view组件是一个可以滚动的视图区域，它为开发者提供了一个可以实现滚动效果的容器。该组件的一个常见用途是结合下拉刷新功能，为用户提供流畅的交互体验。下拉刷新是用户在查看列表或内容时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值