HTML/Javascript - ロード後に消える歓迎の画像カバー - ウェブページが部分的にリロードされますか？

Question

私は達成しようとしていることをほとんど完了しました。つまり、セッションごとに読み込まれ、大きな画面でフェードアウトするフルスクリーンのウェルカム画像です。 また、表示中にスクロールバーを削除し、完了時に再び有効にします。

フェードアウトすると、いずれのテキストも背景色がロードまたはリロードされます。画像とポジショニングはすでにロードされている/消えている。

大変申し訳ありません。

私はcss/htmlを削除しようとしました。それは、それがjavascriptで何かと信じています。

if ($(window).width() > 769) { 
    $(window).load(function() { 
     var isshow = sessionStorage.getItem('isshow'); 
     if (isshow== null) { 
     sessionStorage.setItem('isshow', 1); 
     document.documentElement.style.overflow = 'hidden'; // firefox, chrome 
     document.body.scroll = "no"; // ie only 
     // Show popup here 
     $.when($('#jPopup').show().delay(4000).fadeOut(2000)) 
     .done(function() { 
      document.documentElement.style.overflow = 'auto'; // firefox, chrome 
      document.body.scroll = "yes"; // ie only 
     }); 
     } 
    }); 
} 

私も

Answer 1

はあなたがフェードアウト自体で完了コールバックを渡すことができ$(document).readyの代わりwindow.loadなどを試してみました。ここではサンプルを作業

if ($(window).width() > 769) { 
    $(document).ready(function() { 
    var isshow = sessionStorage.getItem('isshow'); 
    if (isshow == null) { 
     sessionStorage.setItem('isshow', 1); 
     document.documentElement.style.overflow = 'hidden'; // firefox, chrome 
     document.body.scroll = "no"; // ie only 

     $("#jPopup").show().delay(4000).fadeOut(2000, function() { 
      // will run upon fadeout completion 
      document.documentElement.style.overflow = 'auto'; // firefox, chrome 
      document.body.scroll = "yes"; // ie only 
     }); 
    } 
    }); 
} 

チェック：http://jsbin.com/liruxilupa