Vue+iview锚点组件使用没有效果，怎么回事？

vue+iview引入锚点组件，官网的介绍太少，不知道怎么回事，一直没办法跳转，这是我的页面代码

<template>
    <div>
        <Tabs size="small">
            <TabPane label="球队榜"> 
                <div class="teamleft">
                    <Anchor container=".nba">
                        <AnchorLink href="#east" title="东部排名" />
                        <AnchorLink href="#west" title="西部排名" />
                    </Anchor>
                </div>
                <div class="nba">
                        <div id="east" style="height:30rem;">
                            东部排名
                        </div>
                        <div id="west" style="height:30rem;">
                            西部排名
                        </div>
                </div>
            </TabPane>
            <TabPane label="球员榜">球员榜</TabPane>
            <TabPane label="新秀榜">新秀榜</TabPane>
            <TabPane label="日榜">日榜</TabPane>
            <TabPane label="伤病">伤病</TabPane>
            <TabPane label="荣誉榜">荣誉榜</TabPane>
        </Tabs>
    </div>
</template>

<script>
    export default{
        data(){
            return{

            }
        }
    }
</script>

<style scoped>
.teamleft{display: block;width: 20%;border-right: 1px solid #e8e8e8;float: left;}
.nba{display: block;width: 80%;float: left;position: relative;overflow-y: scroll;}
</style>

如果不加container=".nba"可以跳转，但是是整个页面跳，我想实现左边固定，右边随锚点跳转。
第一次提问，万分感谢！