0

私はうまく機能する製品ページ用の無限のスクローラーを持っています。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');
4

1 に答える 1

2

css（）を使用してデフォルトでdivを非display:none;表示にしてから、JSを使用して表示することができます。このように、JSが無効になっている場合、コンテンツの邪魔になりません。

于 2012-06-29T17:19:21.460 に答える