项目积累

局部滚动：

当position：absolute的父级元素没有定位时，相对于视口，j高度=视口高度-top,overflow:hidden;这是因为溢出内容撑开视口高度，使得浏览器出现滚动条

[css]  view plain  copy

1. .list  
2.    overflow:hidden  
3.    position :absolute  
4.    top: 1.58rem  
5.    left :0  
6.    right :0  
7.    bottom :0  

也可以使用absolute:fixed;这是不用写，overflow:hidden;因为溢出内容不会使浏览器出现滚动条，又因为bottom：0，所以看不见溢出的内容

[css]  view plain  copy

1. .singer  
2.     position: fixed  
3.     top: 88px  
4.     bottom: 0  
5.     width: 100%  

使用方式

[javascript]  view plain  copy

1. mounted () {  
2.       thisI.scroll = new Bscroll(this.$refs.wrapper)  
3.     },  
4.     watch:{  
5.       letter (){  
6.         if(this.letter){  
7.           const element =this.$refs[this.letter][0]  
8.           this.scroll.scrollToElement(element)  
9.         }  
10.       }  
11.     }  

当 v-for 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组。

饿了吗：

<a></a>设置成display：block是a标签充满整个容器，这是为了点击文字旁边的空白也能跳转