html 占用空间 滚动轴_修复一个因为 scrollbar 占据空间导致的 bug

背景

这一个因为滚动条占据空间引起的bug, 查了一下资料， 最后也解决了，顺便研究一下这个属性， 做一下总结，分享给大家看看。

正文

昨天， 测试提了个问题， 现象是一个输入框的聚焦提示偏了， 让我修一下, 如下图：

起初认为是红框提示位置不对， 就去找代码看：

// ...
  onFocus={() => setFocusedInputName('guidePrice')}
  onBlur={() => setFocusedInputName('')}
/>

data-focused-column={focusedInputName}
// ...
/>


代码上没有什么问题， 不是