JavaScript 动画回退

Question

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

我担心的是这个入口动画依赖于CSS中的“visibility:hidden”属性才能工作。恐怕如果 JavaScript 或 CSS 在用户端不可用或无法正常工作，内容将根本无法显示。

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

谢谢。

Answer 1

我是这样想的。

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

但是，就我个人而言，我从来不关心这一点。我开发的所有网站都包含大量 JS(例如，使用 Ajax 调用)，这意味着需要做很多(在我看来是不必要的)工作才能使它们在没有 JS 的情况下正常工作。

搜索一下，我读过这篇question 。 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>