エラーを取得する "未定義のプロパティ 'トップ'を読み取ることができません

Question

サイトを検索して同様の質問がありましたが、解決策が見つかりませんでした。私はそれにスクロールするときにdivの画面の上に固定取得しようとしています。しかし、私はエラーを得続ける：

"（インデックス）：59キャッチされない例外TypeError：59：（インデックス）で未定義 のプロパティ 'トップ' を読み込めません"

 
 
    //store the element 
 
    var cache = '.faixatrabalho'; 
 
      console.log(cache); 
 
    
 
    //store the initial position of the element 
 
    var vTop = $(cache).offset().top - parseFloat($cache.css('margin-top').replace(/auto/, 0)); 
 
     $(window).scroll(function (event) { 
 
     // what the y position of the scroll is 
 
     var y = $(this).scrollTop(); 
 
    
 
     // whether that's below the form 
 
     if (y >= vTop) { 
 
      // if so, ad the fixed class 
 
      $(cache).addClass('stuck'); 
 
     } else { 
 
      // otherwise remove it 
 
      $cache.removeClass('stuck'); 
 
     } 
 
     }); 
 
    
 
     </script> 
 

.faixatrabalho { 
 
     padding-top: 20px; 
 
    \t width: 100vw; 
 
     position: static; 
 
     top: 0px; 
 
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="faixatrabalho"> 
 
     
 
     <div id="trabalhoback" data-scroll-speed="3"></div> 
 
     
 
    \t <div class="titulo">Nosso Trabalho</div> 
 
    \t <div class="texto1"> 
 
    \t \t <p > Exemple text</p> 
 
    \t </div> 
 
    </div>

Iまだjqueryを学んでいて、これを解決できません。

Answer 1

エラーは、が返されていることを意味します.jQueryの用語では、通常、$(cache)は何も見つかりませんでした。

スクリプトのレイアウトから、すぐにこのコードを実行する可能性が高く、探している要素がまだ存在しない可能性があります（ドキュメントがまだ読み込まれているため）。ドキュメントが完全にロードされた後に実行してみてください。

$(function() { 
    var cache = '.faixatrabalho'; 
    console.log(cache); 

    //store the initial position of the element 
    var vTop = $(cache).offset().top - parseFloat($cache.css('margin-top').replace(/auto/, 0)); 
});