18910140161

JavaScript-如何在切换时防止容器增大?-堆栈溢出

顺晟科技

2022-10-19 12:50:46

197

我正在尝试创建一个移动版本的切换问题和答案列表。但是,当我切换显示块和none时,容器的大小会增加,即使我在结尾添加了额外的填充。是否有方法防止容器底部出现此空白?


顺晟科技:

尝试将显示替换为可见性。

有多种方法可以克服此问题。

请注意,这将删除出现的元素,并且不会占用出现问题的任何空间

解决方案1:添加位置:相对于和添加并给出它在x和y轴上的位置。但这不是一个很好的解决方案。

解决方案2:添加不透明度:0;和可见性:隐藏;下拉内容,并切换它

通过这种方式,您可以添加凉爽的过渡。我推荐这种方式。

您应该使用并维护盒子模型。完全删除元素,就像它不在那里一样(影响框),而可见性只隐藏元素

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航