Javascript 让下面的内容在消失时单击淡入淡出div向上移动 如果（！document.getElementById（'Ad-Detect-js'））{ document.getElementById（'RLAD'）.style.display='block'； } var RLAD=document.getElementById（'RLAD'）； document.getElementById（'RLAD-wrapper'）。onclick=function（）{ 如果（！document.getElementById（'Ad-Detect-js'））{ RLAD.className=RLAD.className？'fade'：'fade'； } }

这就是我用来在单击某个div后删除该div的脚本。问题是下面的内容保持不变，在div所在的位置留下了一个空白。是否有办法确保下面的所有内容都向上移动？

确保在块淡出后移除（或使用

display:none

）该块。您可以使用

transitionend

事件：

if（！document.getElementById（'Ad-Detect-js'））{
document.getElementById（'RLAD'）.style.display='block'；
}
var RLAD=document.getElementById（'RLAD'）；
document.getElementById（'RLAD-wrapper'）。onclick=function（）{
如果（！document.getElementById（'Ad-Detect-js'））{
RLAD.className=RLAD.className？'fade'：'fade'；
}
}
RLAD.addEventListener（'transitionend'，function（）{
这个。删除（）；
});
#RLAD{
宽度：50px；
高度：50px；
背景：红色；
}
.褪色{
不透明度：0；
过渡：不透明度；
}

点击我
所容纳之物
如果你做了一把小提琴或一把狙击手，问题会更清楚
<script type="text/javascript">
    if(!document.getElementById('Ad-Detect-js')){
        document.getElementById('RLAD').style.display='block';
    }

    var RLAD = document.getElementById('RLAD');
        document.getElementById('RLAD-wrapper').onclick = function(){
            if(!document.getElementById('Ad-Detect-js')){
                RLAD.className = RLAD.className ? 'fade' : 'fade';
            }
        }
</script>