iview Anchor锚点demo

项目中用到iview的锚点,官方说明文档中damo不是很直观,记录一下。

html:

aaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccc

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。

你可能感兴趣的:(vue.js)