1

この質問は、これに関連しています。URLハッシュ＃が変更されたときにdivを本文に追加します。

Curtain.jsを使用していますが、現在、ハッシュが変更されたときにポップアップする固定divがあります。IEは、ユーザーがページを下にスクロールして別のパネルに移動すると、divがフェードインします。このdivを最初のパネルに表示したくありません。

私が今抱えている問題は、訪問者がページを上にスクロールして上に戻っても、固定divがまだ表示されていることです。つまり、最初のパネルの上に表示されます。最初のパネルの下部に当たったらすぐに、そのdivをフェードアウトしたいと思います。もう1つの問題は、パネルの高さがブラウザウィンドウの高さ（流体/レスポンシブレイアウト）に合わせて調整され、固定ピクセルのJSソリューションが除外されることです。これは私のコードの基になっています。

    // fade in/fade out banner titles
$(window).trigger('scroll');

var divs = $('.nav-wrap'); 
$(window).scroll(function(){
   if($(window).scrollTop() < 550){
         divs.fadeOut("slow");
   } else {
         divs.fadeIn("slow");
   }
});

誰か提案がありますか？

4

1 に答える 1

0

window.height()ブラウザのビューポートの高さを返すを使用できます。

var vp = $(window).height(); // height of the browser's viewport
var divs = $('.nav-wrap'); 
$(window).scroll(function(){
   if($(window).scrollTop() < vp){
         divs.fadeOut("slow");
   } else {
         divs.fadeIn("slow");
   }
});
于 2012-07-12T18:35:07.930 に答える