left-window
<view class="fixed left">
#code...
<view>
<style lang="scss" scoped>
.left {
left: var(--window-margin);
right: calc(100vw - var(--window-left));
}
</style>
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 7
HBuilderX类型: 正式
HBuilderX版本号: 3.1.2
浏览器平台: Chrome
浏览器版本: 88.0.4324.190(正式版本) (64 位)
项目创建方式: HBuilderX
left-window
<view class="fixed left">
#code...
<view>
<style lang="scss" scoped>
.left {
left: var(--window-margin);
right: calc(100vw - var(--window-left));
}
</style>
如代码示例,主窗体高度超出 100vh
,左窗体固定即出现滚动条空白
left-window
,right-window
的滚动条,而不是全局设置 左窗体fixed,且不超出屏高
.left {
left: var(--window-margin);
right: calc(100vw - var(--window-left));
}
主窗体没有滚动条的时候没问题,但是有滚动条的时候,左窗体右侧就会多出一个滚动条的空白,因不够屏高不显示,只是挤走左窗体,
var(--window-left)
包括了左边滚动条的宽度,单独设置::-webkit-scrollbar
隐藏没用
0 个回复