Question

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

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

我应该关注这件事吗？我可以实施更好的替代方案或一些后备计划吗？

感谢。

Answer 1

我以这种方式思考。

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

但是，就个人而言，我从未关心过这一点。我开发的所有网站都包含大量的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>

Javascript动画后备

1 个答案: