列表滚动，标题切换fixed固定

效果如下，当列表滚动时标题切换粘附固定头部


实现思路：在数据列表里面获取到每一项title距离顶部距离，然后监听滚动条滚动高度，根据滚动距离跟列表项title距离高度判断固定。代码如下

<div class="table" id="tab">
  	<div v-for="(item,k) in list">
	  		<div  :class="['title',fiexdItem ==k?'fiexd':'']" >
	    	{
  {item.name}}
	  		</div>
	  		<div v-for="jtem in item.sub" class="sub">
	  			{
  {jtem}}
	  		</div>
  	</div>
  </div>

  data () {
    return {
    	fiexdItem:0,
	     list:[
	      {name:'标题1',
	       sub:['北京','上海','重庆','广州']
	      },
	      {name:'标题2',