弹出层在开发中运用的较多,写一个移动端项目时,发现自己封装的NavBar导航栏,无法van-popup弹出层中使用fiexd属性定位,始终无法固定到顶部。


于是将 transform 属性设置为 none (如果有多个弹出层,给需要修改的弹出层添加类名,再进行修改样式,防止污染正常的部分)
NavBar导航栏能固定到顶部了,新的问题来了,右侧弹出的动画没了,弹出层时凭空出现,交互突兀,体验差。

最后将 弹出层 由右侧弹出 改为 底部弹出(稍微变通了一下,NavBar导航栏能固定在顶部了,弹出动画也有了)

这是一个笨方法,如果在座各位陈冠希,鞠婧祎有更好的方法,教教我

本文分享了解决移动端项目中,NavBar导航栏在van-popup弹出层内无法使用fixed属性定位的问题。通过调整弹出层的transform属性并改变弹出方式,成功实现了导航栏的顶部固定显示,并保留了良好的动画效果。


6598

被折叠的 条评论
为什么被折叠?



