javascript - 内容高度变化使滚动条显示, 隐藏导致内容位置变化如何解决.

问题描述

问 题

在做单页程序时, 不同高度的内容在切换时会导致滚动条出现或者隐藏, 造成跟高度相关布局的元素位置会跳变.
比如: http://jsrun.net/nepKp/edit.

能想到的解决方法是: 给 body 添加 overflow-y: scorll. 还有没有其他更好的解决方法.

解决方案

width: calc(100vw - 30px);

如果这样呢？

这篇关于javascript - 内容高度变化使滚动条显示, 隐藏导致内容位置变化如何解决.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！