iview Anchor锚点爬坑笔记

项目中用到iview的锚点，结果把官方说明文档中的代码复制过去，结果不能用，又在网上各种搜，总算解决了
直接贴代码了，
官方代码，我自己又加了一些样式，让侧边栏靠右显示

<div>
    <div class="aaa">
        <div id="basic_usage"
             style="height: 500px">
            aaaaaaaaaaaaaaaaaaaa
        </div>
        <div id="static_position"
             style="height: 500px">
            bbbbbbbbbbbbbbbbbbb
        </div>
        <div id="API"
             style="height: 500px">
            cccccccccccccccccccccc
        </div>
    </div>
    <div class="aside-affix">
        <Anchor showInk
                container=".aaa">
            <AnchorLink href="#basic_usage"
                        title="Basic Usage" />
            <AnchorLink href="#static_position"
                        title="Static Position" />
            <AnchorLink href="#API"
                        title="API">
                <AnchorLink href="#Anchor_props"
                            title="Anchor props" />
                <AnchorLink href="#Anchor_events"
                            title="Anchor events" />
                <AnchorLink href="#AnchorLink_props"
                            title="AnchorLink props" />
            </AnchorLink>
        </Anchor>
    </div>
</div>

css:

.aside-affix {
background-color: #f8f8f9;
top: 65px;
right: 50px;
width: auto;
position: fixed;
z-index: 10;
height: 100vh;
}
.aaa {
position: relative;
overflow-y: scroll;
height:100vh;
}

重点来了:
1.需要滚动的div必须加上样式，而且高度 不能写height:100%，必须指定固定的高度或者写100vh，一开始 就是写的100%一直出不来
2. 必须加上container=".aaa"，指向滚动的div（也可以用id 绑定#aaa）
3. 把锚点写在div上，通过id

不太懂前端，样式还没写完，但是这样写确实能实现，总结一下怕以后忘记了，如有错误还请多多指正！