gpt4 book ai didi

javascript - 操作页面内容时停止 javascript 闪烁?

转载 作者:数据小太阳 更新时间:2023-10-29 04:44:53 27 4
gpt4 key购买 nike

当我制作的网站具有操纵页面的 javascript,并且这种操纵发生在页面加载时,我经常会遇到令人讨厌的闪烁效果。

例如,如果我有一个 Accordion ,则需要将全部内容加载为 html,然后加载后可以用 javascript 将其包装起来。这意味着有一段时间可以看到全部内容,然后它会“闪烁”,因为其中一些内容被隐藏了。

一种解决方案是使用 css 隐藏任何闪烁的内容,然后(根据需要)使用 javascript 显示它。问题是页面将无法为没有 javascript 的人正常工作。

有没有更好的方法?谢谢

最佳答案

我认为通常的做法是尽快向主体添加一个“js”类:

<!doctype html>
...
<body>
<script>document.body.className='js';</script>

然后您将采用一些 CSS 规则来确保在 JS 可用时隐藏内容,例如。

.js .accordion:nth-child(n+1) { display: none }

关于javascript - 操作页面内容时停止 javascript 闪烁?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6505419/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com