Javascript 如何在不闪烁的情况下一次隐藏单个div而不是设置可见性隐藏

我想一次隐藏一个

div

，这样可以避免下面的闪烁（如图所示）

注意：我不能使用

可见性：隐藏
或
可见性：显示
或
$sel.css（'visibility'，'hidden'）
或
$sel.css（'visibility'，'show'）

我的期望：当我执行
$content.hide（）时
在
DOM
中查看我提供的图像中的html区域，其中
style=“display:none”/style=“display:block”
对每个
元素都执行，而我希望一次隐藏特定的
元素（因此一次不显示/隐藏多个，只有一个显示/隐藏）类似于#snippet2，#snippet1应该可以工作（但隐藏元素不应该包含任何宽度/高度
）

下面是我的代码，它应该与
显示：无或$el.hide（）/$el.show（）
：

#片段1


$（函数（）{
var pos=1；
var ii=0；
var centerbandTop=$（'.center band'）.offset（）.top；
var centerbandbooth=$（'.center band'）.outerHeight（）+centerbandTop；
$（'.contents'）.hide（）；
var intId=setInterval（函数（）{
ii++；
pos=-ii；
//控制台日志（pos）；
//如果（pos）
$（'.contents'）。每个（函数（）{
var$content=$（此值）；
var contentTop=$content.offset（）.top；
var contentBottom=$content.outerHeight（）+contentTop；
$content.hide（）；
//console.log（$content.position（）.top、centerbandTop、contentBottom）；
如果（centerbandBottom>contentTop&¢erbandTop
.container{
宽度：100%；
身高：100%；
背景：#000000d6；
字号：19px；
颜色：#a19999；
位置：相对位置；
}
.目录{
边缘底部：15px；
边框底部：1px实心#424242；
填充：20px；
可见性：隐藏；
}
.中心带{
宽度：98%；
高度：78px；
z指数：200；
背景：#B4B147；
位置：固定；
最高：50%；
}
.包装纸{
位置：相对位置；
}
.结束{
背景色：红色；
}

（1） Lorem ipsum dolor sit amet，奉献精英。由于发明人的错误，即使是官方方面的错误，也不需要对实体进行验证。
（2） Lorem ipsum dolor sit amet，奉献精英。最小值、暂时性差异、实验室测量误差、国际公共部门会计准则（ipsa）中的非道德标准（非道德标准）均应符合以下要求：。
（3） Lorem ipsum dolor sit amet，奉献精英。不，不，不。一种类似于强直性强直的治疗方法，它可以有效地阻止官方的犯罪行为，但不包括在任何情况下使用相同的药物！
（4） Lorem ipsum dolor sit amet，奉献精英。consequeuntur，incident，harum。完全平等，不平等，不平等！除多洛雷斯、同侧足外，其他足跖突出。
（5） Lorem ipsum dolor sit amet，奉献精英。我患的是呕吐性痴呆，多洛氏症，分娩。类似的照明，最低限度的照明，无条件的照明，无条件的照明，无条件的照明！
（6） Lorem ipsum dolor sit amet，奉献精英。圣努姆夸姆托坦，一个真正的阿利夸人！圣母圣母院和圣母圣母圣母院都应该被安置在最尊贵的地方，作为生命的流动性。
（7） Lorem ipsum dolor sit amet，奉献精英。这是一种错误，别名为“理性的过错”，是一种非责任的行为，是一种错误。选择最短时间，最长时间为最短时间。
（8） Lorem ipsum dolor sit amet，奉献精英。Hic id包括智商、智商、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力、智力和智力！
（9） Lorem ipsum dolor sit amet，奉献精英。天鹅绒卷土重来，不为自然之物所腐蚀，而为鼻涕所腐蚀。Cupiditate vero ipsam alias fuga，magnam voluptas Derunt corporis non！
（10） Lorem ipsum dolor sit amet，奉献精英。被指控的食腐动物？我认为这是一个合理的理由，我认为这是一个合理的理由！练习最高水平！
那么你在评论中说

但我的要求是，无论哪一个内容触及灰色带，都应该如此
否则，它必须隐藏起来，没有宽度和高度

由此我了解到，您需要一个垂直文本滚动条。为什么不使用灰色带div作为容器，隐藏溢出，然后在其中滚动内容


$（函数（）{
var pos=1；
var ii=0；
var centerbandTop=$（'.center band'）.offset（）.top；
var centerbandbooth=$（'.center band'）.outerHeight（）+centerbandTop；
//$（'.contents'）.hide（）；
var intId=setInterval（函数（）{
ii++；
pos=-ii；
//控制台日志（pos）；
//如果（pos）
$（'.contents'）。每个（函数（）{
var$content=$（此值）；
var contentTop=$content.offset（）.top；
var contentBottom=$content.outerHeight（）+contentTop；
//$content.hide（）；
//console.log（$content.position（）.top、centerbandTop、contentBottom）；
//如果（centerbandBottom>contentTop&¢erbandTop