最近在项目的layout页面中使用了transition组件,接着页面里面某些使用fixed定位的元素就出现了问题,如图
底部导航这个元素一开始会从底部弹起
造成这样的原因可能是由于使用了fixed定位引起的,而且上面部分用了calc(100% -底部的高度)
接下就这样解决了
底部改成不用定位,滚动的地方使用calc(100vh -底部的高度),再设置滚动,这样就解决了底部弹起的bug
.r-image {
.container {
width: 100%;
// height: calc(100% - 1