scroll-view 设置scroll-into-view 无效
发布于 6 年前 作者 qiangding 978 次浏览 来自 问答
  • 当前 Bug 的表现（可附上截图）

 <view class=“section”> <scroll-view scroll-y style=“height: 200px;” bindscrolltoupper=“upper” bindscrolltolower=“lower” bindscroll=“scroll” scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}">

    <view id=“green” class=“scroll-view-item bc_green”></view>

    <view id=“red”  class=“scroll-view-item bc_red”></view>

    <view id=“yellow” class=“scroll-view-item bc_yellow”></view>

    <view id=“blue” class=“scroll-view-item bc_blue”></view>

  </scroll-view>

  </view>

官方例子，这里使用scroll-into-view  无效，没有反应，永远都是在最顶端

安卓手机，乐视微信版本6.6.7不扫开发者工具真机调试，电脑上没反应。

  • 预期表现
  • 复现路径
  • 提供一个最简复现 Demo
3 回复

我也是，没效果，不过我用的是mpvue，但是原理应该是一样的

<scroll-view scroll-y class="scroll-view" :scroll-into-view="scrollIndex" @scroll="onScroll">
  <div v-for="(item, index) in availableTimeList" :key="index" :id="itemID(index)" @click="onSelectPickupTime(item)">
    <booking-time-header v-if="item.title !== undefined" :title="item.title"/>
    <booking-time-item v-else :item="item"/>
  </div> 
</scroll-view>

我是在最下面加了个空盒子 id=bottom 然后永远定在最下面。

多复制几个view，高度还不够滚动吧

回到顶部