首页 > 微信 > 详细

小程序scroll-view 实现瞄点

时间:2021-03-01 18:09:52      阅读:31      评论:0      收藏:0      [点我收藏+]
<scroll-view :style="{height:autoHeight}" :scroll-y="true" @scrolltolower="scrolltolower" @scroll="scroll"  :scroll-into-view="toView" :scroll-with-animation="true" class="scroll-warp" :enable-back-to-top="true">
                    <div v-for="(item,index) in cityArr" :key="index">
                        <p class="title mb20" :id="item.initial">{{ item.initial }}</p>
                        <div class="cityBox">
                            <!-- :style="{marginRight:(childrenIndex%3 === 2) ? 0 : ‘26rpx‘ }" -->
                            <div v-for="(citys,childrenIndex) in item.chooseCitys" :key="childrenIndex">
                                <div class="rowFlexBox" :class="{ activeFlex:citys.length === 2 }">
                                    <div v-for=‘(j,k) in citys‘ :key="k" :class="{ activeColor:activeIndex === childrenIndex && bgIndex === index && lastIndex === k }" class="cityStyle" @click="chooseCity(item,index,citys,childrenIndex,j,k)" >{{ j.short_name }}</div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </scroll-view>

默认是toView:‘A‘,

// 选择的时候赋值上
// chooseLetter 是你点击的地方,
// toView  是你想要跳的地方
chooseLetter(item,index){
                this.Tips(item);
                if (item === ‘A‘) {
                    this.toView = ‘A‘ ;
                } else {
                    this.toView = item ;
                }
                console.log(this.toView,‘this.toView‘)

            },

 

小程序scroll-view 实现瞄点

原文:https://www.cnblogs.com/panax/p/14464507.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!