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"可以跳转,但是是整个页面跳,我想实现左边固定,右边随锚点跳转。
第一次提问,万分感谢!