在设计网页时有的页面超出页面高度显示滚动条，有的页面没有超出不现实滚动条，在进行切换时页面元素会跳一下，影响使用感受。解决办法就是想办法让有没有滚动条页面元素的位置是相对固定的就可以了。
react中，可以将整个页面的右边距设置成滚动条的宽度：
<div style={{overflowX: "hidden"}}>
<div style={{marginRight: "calc(100% - 100vw)"}}>
...
</div>
</div>在设计网页时有的页面超出页面高度显示滚动条，有的页面没有超出不现实滚动条，在进行切换时页面元素会跳一下，影响使用感受。解决办法就是想办法让有没有滚动条页面元素的位置是相对固定的就可以了。
react中，可以将整个页面的右边距设置成滚动条的宽度：
<div style={{overflowX: "hidden"}}>
<div style={{marginRight: "calc(100% - 100vw)"}}>
...
</div>
</div>