Javascript动画回退

Javascript animation fallback

本文关键字：回退 动画 Javascript      更新时间：2023-09-26

我在项目中使用以下脚本制作入口动画：www.justinaguilar.com/animations/

我担心的是，这种入口动画依赖于CSS中的"可见性：隐藏"属性才能工作。恐怕如果 JavaScript 或 CSS 不可用或在用户端无法正常工作，则内容根本不会显示。

我应该担心这个吗？是否有更好的替代方案或我可以实施的后备计划？

谢谢。

我是这样想的。

如果这是您关于禁用JS的唯一问题，或者如果您的页面中只有一点JS，也许值得找到一种方法来修复它（可能会关闭动画并使网站有点"丑陋"）。通过这种方式，您可以为每个人提供访问权限（这是一个很好的概念）。

但是，就我个人而言，我从来没有关心过这一点。我开发的所有网站都包含很多JS（例如，使用Ajax调用），这意味着很多（在我看来是不必要的）工作使它们在没有JS的情况下运行。

搜索它，我读过这个问题。2010年，巴西（我居住的国家）0.25%的用户在浏览器中禁用了JS。如今，这个数字应该更少。老实说，我有更好的事情要做，而不是关心这些人。

简而言之，我的观点是：如果你只是稍微使用JS（或者如果真的有必要让这个网站在没有JS的情况下工作），请修复它。在所有其他情况下，忘记这一点，专注于真正重要的事情。

编辑：

如果要保证显示内容，可以通过 JS 隐藏元素。这样，该元素只会在 CSS 和 JS 打开时被隐藏。

<div class="element-to-hide" style="visibility:visible;"></div>
<style type="text/css">
    .hide {
        visibility: hidden;
    }
</style>
<script>
    $('.element-to-hide').addClass('hide');
</script>
相关文章：