Question

我正在使用wow.js，以便在向下滚动时淡出内容。它的工作方式是将div类wow添加到你想要淡入的东西中，wow.js识别然后动画。（这里真的很简单的文档http://mynameismatthieu.com/WOW/docs.html）

但是，如果浏览器禁用了javascript，则无法在类wow的任何内容上识别任何CSS样式，因为我的样式表中未定义.wow。我想知道是否有解决方法 - 我是否应该将.wow类添加到我自己的样式表中，例如.wow {display: block}？或者有没有办法告诉浏览器没有启用JavaScript，只是忽略wow类？

不幸的是，我不能简单地发一条<noscript>消息说javascript已被禁用，因为我知道许多工作人员正在查看网站，其中javascript被禁用，他们需要能够查看它。

Answer 1

另一种方法是采用这种方法。我不确定该库是否有限制，但您可以在<html>或<body>元素中添加一个类，以识别JS是否可用。反过来做的方法是创建一个类.no-js，然后如果JS可以运行，则从<body>删除它。

例如

<body class="no-js">
    <script type="text/javascript">document.body.className = "";</script>

从那里，在您的CSS中，只需执行以下操作：

.no-js .wow {
    display: block;
}

Answer 2

如果浏览器确实有Javascript，那么你只添加wow类吗？

例如：

<div id="one" class="wowable"></div>
<div id="two" class="wowable"></div>

<script type="text/javascript">
    var wowables = document.getElementsByClassName('wowable');
    for(var i = 0; i < wowables.length; i++) {
        wowables[i].classList.remove( 'wowable' );
        wowables[i].classList.add( 'wow' );
    }
</script>

有没有办法忽略带有<noscript>标签的类？</noscript>

2 个答案: