在用vue开发项目时候,遇到一个问题,首页有代办列表,是固定定位,滚动时候需要监听距离页面顶部的距离,如果很接近顶部则将代办列表展示,首页隐藏,如果再网上翻动则又回到首页。
因为是是fixed定位,所以用得了getBoundingClientRect:用于获取某个元素相对于视窗位置集合。集合中有top,right,bottom,left等属性。
1,语法
top = object.getBoundingClientRect().top;
返回是以px像素为单位。