微信小程序scrollView的bindscrolltolower不触发的情况

最新推荐文章于 2025-03-13 12:15:24 发布

ckmzlf

最新推荐文章于 2025-03-13 12:15:24 发布

阅读量2.6k

点赞数 4

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/ckmzlf/article/details/122963759

版权

ScrollView bindscrolltolower 触发问题 100vh 微信小程序

关键词由优快云通过智能技术生成

小程序专栏收录该内容

3 篇文章

订阅专栏

scrollView的bindscrolltolower是实现滚动加载的方法，如果不注意会发生无法触发的情况，需要两个条件

1.page未设置成100vh,在app.wxss设置

page{
 height:100vh
}

2.scrollView设置成100vh

综合两个条件就不会出现bindscrolltolower无法触发的情况

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ckmzlf

关注关注

4
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

微信小程序开发中的数据分页和加载更多

m0_75244442的博客

07-24

361

准备工作首先，在微信开发者工具中创建一个新的小程序项目。在项目目录下，创建四个文件：index.wxml、index.wxss、index.js和index.json。在实际项目中，可以根据服务器接口定义数据的获取方式，注意处理异常情况，例如网络错误等。微信小程序开发中，数据分页和加载更多是一个常见的需求，它可以提升用户体验，避免一次性加载大量的数据，同时也可以减少服务器压力。下面是一个关于数据分页和加载更多的代码案例。这里使用一个scroll-view组件来展示数据，并添加一个加载更多的按钮。

微信小程序scroll-view bindscrolltoupper & bindscrolltolower不响应的问题

戒骄戒躁，自强不息

01-19

2万+

scroll-view 微信小程序

参与评论您还未登录，请先登录后发表或查看评论

微信小程序之scroll-view布局及bindscrolltolower事件不触发的问题

weixin_30405421的博客

07-21

2937

布局问题 小程序中为了可滚动视图区域要得使用scroll-view，但scroll-view有致命的缺陷，就是不支持flex布局。但我们可以通过使用scroll-view来包裹view的方法来使用flex布局. scroll-view来包裹view的方法来使用flex布局 wxml部分 <scroll-view class="grid-container-e" ...

Uniapp当中的scroll-view滚动条不出现或者触底刷新事件不触发

最新发布

学习记录

03-13

1474

检查容器高度是否有效设置审查全局 CSS 是否覆盖滚动条样式验证子元素布局是否符合滚动方向要求分平台调试并添加兼容性代码通过上述方案，可覆盖 90% 的滚动条异常场景。具体实现需结合业务逻辑调整（如动态高度计算或分页加载优化）。

微信小程序scroll-view的bindscrolltolower事件不生效

Chocolate的博客

06-26

1923

最近学习微信小程序，用到了scroll-view控件，发现bindscrolltolower事件总是不能触发，修改后可正常触发了，注意下面几点。

小程序bindscrolltolower上拉加载更多快速划到底不触发解决

weixin_43818835的博客

12-09

3901

scroll-view在Android下快速上拉触底后不触发bindscrolltolower~ bug问题描述：在安卓环境下，列表快速上拉进行滚动加载更多，会出现卡在低端不进行加载现象，需要在卡住的位置重新下拉一小段距离再重新上拉加载才可以加载出数据。（慢速上拉是可以正常加载更多数据）。问题分析：在父级、子级高度都设置正常的情况下，也就是需要固定的height值固定，需要给height...

小程序中使用bindscrolltolower下拉加载有时候不触发

m0_52517046的博客

05-05

2082

在容器内向下滚动内容至底部的时候，偶尔会出现不触发bindscrolltolower事件还是可以触发但是必须先下滑再上拉才能触发原因：应该是因为安卓手机下拉滑动到底部时，系统监听到距离底部的距离通常大于50，所以不能触发相应的函数；而小程序默认下拉离底部50px时触发函数（ios没有这种情况）目前解决方法：可以通过官网给出的属性让他在滑动到底部之前执行加载将lower-threshold设置成200 <scroll-view scroll-y bindscrolltol

微信小程序中 scroll-view 属性 bindscrolltolower 事件触发不生效

徐同泽的博客

01-15

1万+

最近做公司微信小程序的项目时遇到的问题记录一下文帝防止日后出现相同的错误问题所在：处理滚动到底部触发滚动到底部事件 (bindscrolltolower) 的时候并没有生效！经过多方面的资料排查，以及官方文档的查询终于解决了本人的困惑 <scroll-view class='pages-container' scroll-y="true" ...

微信小程序 scroll-view滚动到底部事件不触犯的锅

03-29

今日准备把微信小程序的下拉刷新做一下，没想到我绑定了bindscrolltolower事件，但是居然不触发,我设置了lower-threshold高度无济于事.最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我...

微信小程序scroll-view下拉刷新(附带下拉刷新效果)

11-19

在微信小程序开发中，`scroll-view`组件是一个非常重要的元素，它允许用户在内容超过屏幕范围时进行滚动浏览。在本教程中，我们将探讨如何在`scroll-view`中实现下拉刷新（Pull-to-Refresh）功能，同时提供一个具体...

微信小程序scroll-view bindscrolltoupper & bindscrolltolower 上滑下拉不触发事件

oCaiWen的博客

06-12

955

<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内使用bindscrolltolower实现上拉加载事件

weixin_42157001的博客

09-11

2317

刚开始的时候使用的是小程序自带的 onReachBottom 上拉触底事件内做的数据上拉加载请求，但是测试的时候触底事件内定义的方法并没有触发，忽然想到是不是 scroll-view 组件内实现页面上拉并不能触发 onReachBottom ，意思也就是， scroll-view 组件跟小程序自带的 onReachBottom 事件不能共同使用，看了官方文档注意到 scroll-view 组件...

微信小程序—bindscrolltolower不起作用的解决办法

Poppy_LYT的博客

08-20

3565

微信小程序—bindscrolltolower不起作用的解决办法必须给scroll-view设置高度，不然无法触发

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

热门推荐

keji_123的博客

03-28

5万+

微信小程序学习了有一段时间了，在学习的过程中遇到了很多的问题。今天我就来和大家分享一下我在使用scroll-view组件时遇到的关于bindscrolltolower事件触发不了的问题。 scroll-view是微信小程序中的一个视图容器组件，用来显示可滚动的视图区域。例如下图这个电影预告的小程序，当把滚动条拖动到最底部时，可以触发一个scrolltolower事件，运行后续的功能。可是...

微信小程序 scroll-view 组件的 bindscroll 不触发不生效

joe0235的博客

08-29

2560

5、滚动的可能是page，如果确定page里的内容不需要滚动。只滚动scroll-view里的内容，禁用页面滚动。使用微信小程序基础组件中的scroll-view，但是滑动的时候 bindscroll 一直不生效。1、没有设置高度，根据小程序文档，在使用 scroll-view 组件用于竖向滚动时一定要设置高度。3、组件属性的长度单位默认为px，2.4.0起支持传入单位(rpx/px)。4、scroll-view 里有两个子元素，加一个view给包起来。2、没有设定scroll-y。

小程序bindscrolltolower失效

Dev_Hanyu的专栏

05-15

8318

小程序scroll-view中的bindscrolltolower方法失效的原因是，需要在app.wxss中设置page{ height：100%}并且在有scroll-view的view中设置height：100%即可生效

小程序scroll-view快速滑动不会触发bindscrolltolower(偶现)

weixin_44969815的博客

01-09

2292

wepy小程序开发最近偶现出一个bug 因为做的是上拉加载的功能用到了scroll-view的几个方法 scrolltolower和lower-threshold 项目的一些代码 <scroll-view scroll-y @scrolltolower="scrollList" lower-threshold="{{30}}" ...

微信小程序 滚动列表

01-28

### 微信小程序实现滚动列表方法在微信小程序中，`scroll-view` 是用于创建可滚动区域的关键组件[^2]。通过设置 `scroll-x` 或者 `scroll-y` 属性来控制水平或垂直方向上的滚动行为。 #### scroll-view 基本属性...