[youzan/vant-weapp]tabs的三个bug,1.sticky无效。 2.滚动某个tab内容,其他tab的内容也会滚动。3.切换tab再返回无法返回原来浏览的位置

2024-05-15 375 views
5
1.sticky问题

代码如下

<template>
    <div>
        <p class="p"></p>
        <van-tabs :active='active'  color='#0A86F8' titleActiveColor='#0A86F8'  animated swipeable sticky>
            <van-tab title="问答">
            </van-tab>

            <van-tab title="课程">
            </van-tab>

            <van-tab title="活动">
            </van-tab>
        </van-tabs>
        <p class="p"></p>

        <div>
            <van-sticky>sticky</van-sticky>
        </div>

        <p class="p"></p>
    </div>
</template>

<script>
export default {
    data () {
        return {
            active: 0,

        }
    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
p{
    height: 1000px;
}
</style>

-- 修改源码解决
image

问题2和3

222

vant 版本:1.0.0-beta.6 mpvue版本: 1.0.0

回答

9

我的换了1.0新版后 激活样式不生效, 还有下拉菜单也是....糟心

9

我的换了1.0新版后 激活样式不生效, 还有下拉菜单也是....糟心

我倒是没有遇到这个问题,设置如下试试

  1. active:激活项
  2. color:激活下边框颜色
  3. titleActiveColor: 激活字体颜色
4

sticky我直接用原生的了, 兼容性还可以

3

一样的问题,等待修复

9

sticky我直接用原生的了, 兼容性还可以

@frei-x ios部分旧机型不兼容,慎用

9

@W-tomoe 问题一是没问题的,sticky只在container区域会吸顶,一旦container不可见,就会取消吸顶。 这样修改会导致sticky始终吸顶。

3

问题2、3与 #1867 应该是相同的问题。

0

@W-tomoe 问题一是没问题的,sticky只在container区域会吸顶,一旦container不可见,就会取消吸顶。 这样修改会导致sticky始终吸顶。

问题1我这边会有问题,调试发现需要page 的 onPageScroll 事件必须声明. 可以没有实现,但一定要加上,不然sticky就会失效

2

3.需要自己去记录滚动高度,然后切换的时候用wx.pageScrollTo去返回高度