微信小程序可滚动视图 scroll-view 中绑定bindscrolltolower，bindscrolltoupper 无效的问题处理

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

andy5520

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

阅读量2.9k

点赞数

分类专栏：微信小程序文章标签：微信小程序 bindscrolltolower

本文链接：https://blog.youkuaiyun.com/andy5520/article/details/102598979

版权

当在微信小程序的scroll-view中遇到bindscrolltolower和bindscrolltoupper事件失效的问题，通常原因是scroll-view的高度设置不当。解决方案包括使用官方的onPullDownRefresh和onReachBottom事件，或者确保scroll-view的高度单位正确，避免使用px导致事件不触发。通过调整高度设置和正确使用单位，可以成功激活自定义的loadMore事件。

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

  <view class="data-view-view">

    <scroll-view  class="scroll" scroll-top='{
  {scrollTop}}' bindscroll="scroll" scroll-y="true"  lower-threshold="0" style="height:{
  {scrollHeight}}px;"  bindscrolltolower="loadMore"  bindscrolltoupper="refresh" >
      <view class="data-view-title" wx:for="{
  {dataList}}" bindtap="getDetail" id="{
  {item.manageUserId}}" wx:key='unique' >
         
        <text class="data-view-title-item1">{
  {item.manageUserName}}</text>
         <text class="data-view-title-item2">{
  {item.weights}}</text>
         <text class="data-view-title-item2">{
  {item.totals}}</text>
      </view>
      
      <view class="loading" hi