例外TypeError：未定義のオブジェクトではありません

Question

私は次のようなエラー持って（。評価 '$（' エントリ-コンテンツ '）（オフセット）トップ。。'）：

：

TypeError: undefined is not an object (evaluating '$('.entry-content').offset().top')

を私は次のコードを持っています

jQuery(document).ready(function($) { 
console.log("Start"); 
(function($) { 
    "use strict"; 
    var dh; 
    var faded = false; 
    dh = $('.entry-content').offset().top; 
    if ($(window).width() > 1000 && $('body').hasClass('single')) 
     $(window).scroll(function() { 
      var offset = $(window).scrollTop(); 
      if (offset > 270 && faded != true) { 
       setTimeout(function() { 
        $('.adslot_1 center').fadeOut(400, function() { 
         $('.adslot_1 center').css({ 
          'position': 'static' 
         }).fadeIn(); 
        }); 
       }, 300) 
       faded = true; 
       return; 
      } 
     }) 

enter image description here ヘルプは、あなたがそれはあなたがやろうとしていることを正確に何であるかのより多くの情報を得る場合は良いだろう問題

Answer 1

を解決します。

しかし、$（ '。class'）は提供したものから、そのクラスの要素の配列を返します。そして、おそらくそのようなオブジェクトがないということを意味します。

また、正しい方法は、IDで要素を取得するか、現在のtryから取得した配列から要素をフィルタすることです。

Answer 2

一部の要素ではoffset.topが定義されていないため、Element.getBoundingClientRect().topを使用することを検討してください。例えば。 SVGs

More Info

プラス

The amount of scrolling that has been done of the viewport area (or any other scrollable element) is taken into account when computing the bounding rectangle. This means that the rectangle's boundary edges (top, left, bottom, and right) change their values every time the scrolling position changes (because their values are relative to the viewport and not absolute).