javascript - 只有在父 div 正确加载后才加载 div

Question

我正在为一个现有的基于 PHP 的系统开发。

我正在尝试加载这段代码

<div style="border:1px solid #000000;height:20px;">
    <marquee>This is some scrolling text<br>more text<br>more text</marquee>
</div>

问题是，在一瞬间，当访问者加载页面时，他会看到整个 <marquee>内容，仅在一秒钟后，父 div 加载并适合 <marquee>进入带边框的 div。

我怎样才能避免这种情况？

注意:我不能使用 jQuery，因为它与加载到该页面的许多其他加载的 js 文件冲突(即使在使用 jQuery.noconflict() 时)。

Answer 1

针对此类情况的 q&d 解决方案——我并不是说它最适合你，或者特别优雅——是在页面末尾或在你拥有的任何 onload codd 的结尾。如果它仍然过早取消隐藏，请将取消隐藏代码封装在 setTimeout(function(){ ... }) 中。这通常会强制浏览器在运行代码之前进行布局。