我目前正在使用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,因此他们需要能够查看它。

最佳答案

这样做的常见方法是另一种方法。我不确定该库是否有限制,但是您可以向<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;
}

关于javascript - 有没有一种方法可以忽略带有<noscript>标签的类?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22544631/

10-12 01:51