在vue中如何实现吸顶

注：先来了解下几种获取的高度的区别

网页可见区域宽： document.body.offsetWidth   (包括边线的宽);
网页可见区域高： document.body.offsetHeight (包括边线的宽);
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;
网页正文部分上： window.screenTop;
网页正文部分左： window.screenLeft;
屏幕分辨率的高： window.screen.height;
屏幕分辨率的宽： window.screen.width;

屏幕可用工作区高度： window.screen.availHeight;

一、简单吸顶

思路：需要写两个样式，一个吸顶样式，一个正常样式，通过监听scroll事件，实现吸顶功能

//fix_info_title为吸顶样式通过固定定位实现，info_title为正常样式
<div :class="isceiling?'fix_info_title':'info_title'">
      <span @click="goproinfo(0)" :class="iscolor1?'proinfo_span':''">商品详情</span>
      <span @click="goproinfo(1)" :class="iscolor2?'params_span':''">规格参数</span>
      <span @click="goproinfo(2)" :class="iscolor3?'evaluate_span':''">