css position除了relative，absolute，fixed以外還有粘性佈局sticky。

粘性佈局需要設定一個top（例如top：0），當頁面元素滾動到達設定的top值時，頁面元素會變為fixed固定，未到達top值時頁面元素是relative

程式碼示例

<template>
    <view>
        <!-- 商品分類選項卡 -->
        <view id="tab">
            <v-tabs v-model="tabIndex"
                            :tabs
 
="tabs" 
                            field="name"
                            @change="changeTab" 
                            activeColor="#DD0029" 
                            fontSize="30rpx" 
                            :bold="false" 
                            height="100rpx" 
                            lineHeight
 
="5rpx" 
                            lineColor="#DD0029" 
                            :lineScale="0.9"></v-tabs>
        </view>
        <!-- End 商品分類選項卡 -->
        <!-- 子選項卡 -->
        <view id="tab2">
            <template v-if="subTabs.length>0">
                <v-tabs v-model="subTabIndex"
                                :tabs
 
="subTabs"
                                :pills="true"
                                field="name"
                                @change="changeSubTab"
                                activeColor="#FFFFFF"
                                pillsColor="#DD0029"
                                fontSize="20rpx" 
                                :bold="false" 
                                height="50rpx" 
                                padding="10rpx 0"
                                margin="0 20rpx"
                                paddingItem="0 30rpx"
                                :lineScale="0.5"></v-tabs>
            </template>
        </view>
        <!-- End 子選項卡 -->
        
        <view style="height: 2000px;background-color: #bce672;">
        </view>
                
    </view>
</template>

<script>
    
</script>

<style lang="stylus">
    page
        background-color #F2F2F2
    #tab
        position sticky
        top 50px
    #tab2
        position sticky
        top 100px
</style>

id為tab的元素會在頂部距離50px的位置進行固定，id為tab2的元素會在頂部距離100px的位置進行固定