如果禁用js，则隐藏启用js时隐藏的相同div

Question

我有一个无限卷轴用于产品页面，效果很好。对于SEO和'禁用javascript'的目的，我需要提供一个甚至适用于禁用js的页面。

当启用js时滚动条正常工作时，会有一个带有加载程序图像的隐藏div。什么都不花哨......问题是当js被禁用时我真的不能隐藏那个加载器图像或那里有图像的div。

使用此功能启用js时，我隐藏了某些元素：

jQuery(function($) { $('body').addClass('js');});

这不适用于此：

<div class="overlay">
  <img src="https://site.com/ajax-loader.gif" />
</div>

和jquery：

  $(".overlay").fadeOut();
  $(window).scroll(function() { update(); });

});
///////////////// code /////////////
$(".overlay").fadeIn();

有什么建议吗？

$(window).unbind('scroll'); 

Answer 1

默认情况下，您可以使用css（display:none;）隐藏div，然后使用JS显示它。这样，当JS被禁用时，它就不会妨碍内容。