收藏
回答

IOS下scroll-view添加内容会直接到scroll-view的底部,该如何解决?

<!-- 列表内容 -->
        <scroll-view class="dl-content-main" style="height: {{height == 'auto'?'calc(100vh - ' + topHeight + ' - ' + bottomHeight + ')'
:height}};" scroll-y="{{true}}" scroll-anchoring="{{true}}" refresher-enabled="{{refresher}}" refresher-threshold="45"
 refresher-default-style="none" bindrefresherrefresh="refreshFn" bindrefresherrestore="refreshReset"
 bindrefresherabort="refreshAbort" refresher-triggered="{{refreshStatus}}" bindscrolltolower="lowerFn"
 enhanced show-scrollbar="{{false}}">
            <slot name="content"></slot>
            <!-- 上拉加载 -->
            <view class="dl-content-loading">
                <view class="dl-content-loading-item padding" wx:if="{{loadingStatus=='padding'}}">
                    <image class="padding-img" src="/components/data-list/dark.png"></image>
                    <text class="padding-text">*.。(๑・∀・๑)*.。</text>
                </view>
                <view class="dl-content-loading-item more" wx:if="{{loadingStatus=='more'}}" bindtap="getList">还有哦...</view>
                <view class="dl-content-loading-item all-load" wx:if="{{loadingStatus=='allLoad'}}">没有啦(⑉・̆-・̆⑉),哼!!!</view>
            </view>
        </scroll-view>

这个是自己写的一个下拉刷新的组件!slot name=content为页面内的需要展示的内容

<dl refresher="{{false}}" topHeight="188rpx" url="--------" transmitData="{{transmitData}}" bind:backData="getList">
            <view class="list" slot="content">
                <block wx:for="{{list}}" wx:key="id">
                    <view>{{item}}</view>
                </block>
            </view>
        </dl>

<dl>为该组件命名,这段为页面内使用该组件的代码

在IOS下 该组件初始加载的时候会直接显示底部!

后续追加数据的时候也会直接显示到最底部!

在安卓下 该组件运行正常!

举例:

初始加载10条数据,scroll-view的位置应该在最顶部,而在IOS下则直接在最底部。

后续追加10条数据,scroll-view的位置也直接到了第20条的位置,而非停留在第10条的位置。

在安卓和开发者工具下均正常,IOS以前(不清楚那个版本的微信或者是基础库)也正常,今天客户提出问题后才发现这个问题!

请问该

回答关注问题邀请回答
收藏

2 个回答

  • 🔛
    🔛
    2023-10-30

    是什么原因导致的呢,我这里也有这个问题,是组件上的问题还是加载方式的问题

    2023-10-30
    有用
    回复
  • Riven.
    Riven.
    2022-05-08

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2022-05-08
    有用
    回复
登录 后发表内容