网站建设素材图片,wordpress 条件查询,九江做网站的公司,多媒体网站建设修改scroll-view的style样式 本来通过函数限制高度
stylemargin-top:200rpx;height: calc(100vh - 200rpx - env(safe-area-inset-bottom));会出现整个scroll-view块位置不固定滑动里面的内容后#xff0c;自己本身在整个页面内上移#xff0c;将样式改为#…修改scroll-view的style样式 本来通过函数限制高度
stylemargin-top:200rpx;height: calc(100vh - 200rpx - env(safe-area-inset-bottom));会出现整个scroll-view块位置不固定滑动里面的内容后自己本身在整个页面内上移将样式改为
stylemargin-top:200rpx;top:var(--window-top); 问题得以解决 amazing 去搜了下top:var(--window-top)这个东东算是一个实现置顶的属性吧其中--window-top这个方法是uni提供的css变量,在web页面可以直接写px,比如写80px他会在距离上边距80px的时候悬浮。 引用其他文章一段话 为了优雅的解决多端高度定位问题uni-app新增了2个css变量–window-top和–window-bottom这代表了页面的内容区域距离顶部和底部的距离。举个实例如果你想在原生tabbar上方悬浮一个菜单之前写bottom:0。这样的写法编译到h5后这个菜单会和tabbar重叠位于屏幕底部。而改为使用bottom:var(–window-bottom)则不管在app下还是在h5下这个菜单都是悬浮在tabbar上浮的。这就避免了写条件编译代码。当然你也仍然可以使用 H5 的条件编译处理界面的不同。 ———————————————— 版权声明本文为CSDN博主「前端阿彬」的原创文章遵循CC 4.0 BY-SA版权协议转载请附上原文出处链接及本声明。 原文链接https://blog.csdn.net/qq_38974163/article/details/119149830
