小程序切换tab 定位到对应模块

最新推荐文章于 2023-04-26 16:24:25 发布

console.log('D')

最新推荐文章于 2023-04-26 16:24:25 发布

阅读量404

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/i_am_father_for_/article/details/129992949

版权

    <view class="MarketDetail">
        <view class="anchorClass"></view>
        <view class="anchorClass"></view>
        <view class="anchorClass"></view>
    </view>

        clickTab(index) {
            console.log("index", index);
            if (!this.tabDomArr || this.tabDomArr.length == 0) {
                this.$u.getRect(`.MarketDetail >>> .anchorClass`, true).then(res => {
                    if (res && res.length > 0) {
                        this.tabDomArr = res;
                        this.toWrap(index);
                    }
                });
            } else {
                this.toWrap(index);
            }
        },
        toWrap(index) {
            let domTop = this.tabDomArr[index].top ? this.tabDomArr[index].top : 0;
            let scrollTop = domTop - this.customBarHeight;
            scrollTop = scrollTop > 0 ? scrollTop : 0;
            uni.pageScrollTo({
                scrollTop: scrollTop,
                duration: 300
            });
        },