position:fixed 形成页面抖动解决办法

今天作项目遇到一个问题。鼠标滚动到指定长度后，理想情况是菜单吸附到顶部。可是实际上在一些页面上会形成抖动。定位以后发现。window.pageYoffset值会变成0

搜索一些资料后发现。由于fixed定位后，这个div 就已经脱离文档流了。window.pageYoffset指的是document元素距离视窗的距离。因此致使window.pageYoffset变成了0

解决办法：

假设咱们把fixed定位的div为divA, 那么在divA下面再写一个占位的div B,它的高度和divA一致，visible设为隐藏。用于占位文档流。这样就不会形成样式混乱了。