7***@qq.com
7***@qq.com
  • 发布:2021-03-03 14:51
  • 更新:2021-03-03 14:51
  • 阅读:813

【报Bug】uniapp宽屏,左窗体fixed定位滚动条受主窗体影响

分类:uni-app

产品分类: 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 ,左窗体固定即出现滚动条空白

预期结果:
  1. 希望能单独设置 left-window ,right-window的滚动条,而不是全局设置
  2. 不超出一屏的高度,不受主窗体的影响

实际结果:
  1. 单独设置滚动条不起作用
  2. 受主窗体影响

bug描述:

左窗体fixed,且不超出屏高

.left {  
    left: var(--window-margin);  
    right: calc(100vw - var(--window-left));  
  }

主窗体没有滚动条的时候没问题,但是有滚动条的时候,左窗体右侧就会多出一个滚动条的空白,因不够屏高不显示,只是挤走左窗体,
var(--window-left)包括了左边滚动条的宽度,单独设置::-webkit-scrollbar隐藏没用

2021-03-03 14:51 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复