vue-element-admin 使用position: fixed;固定的容器在切换路由时发生大小变化

q9yhzks0  于 4个月前  发布在  其他
关注(0)|答案(1)|浏览(36)

Bug report(问题描述)

这是一个首页的公告栏,使用固定在窗口右侧,首次渲染时和设置的长度宽度的一致,然后点击导航菜单跳转到其他页面又点回首页,
就会出现缩成一块然后变为设置大小的情况

Steps to reproduce(问题复现步骤)
  1. 这是一个首页的公告栏,使用position: fixed;固定在窗口右侧,首次渲染时和设置的长度宽度的一致(如截图一)
  2. 点击其他导航菜单切换页面,切换瞬间可以看见公告栏的大小发生变化(如截图二)
  3. 再点击回到首页,公告栏大小还是和截图二一样缩成一块,然后下一秒变回截图一的模样
  4. 其他页面使用position: fixed;固定位置的也有这个情况(如截图三、截图四)
Screenshot or Gif(截图或动态图)

图一

图二

图三

图四

不会做动态图,多多包涵

fcy6dtqo

fcy6dtqo1#

解决方法是通过给vue页面加个position:absolute;宽度给百分百,高度我也给了百分百

相关问题