offsetのメモ

offsetのメモ:


offset()に関してのメモ

実装上でちょっとハマったのでメモがわりとして


実装

特定のページで固定フッターCTAを設置


エラー

目的のページ以外でUncaught TypeError: Cannot read property 'top' of undefinedと表示させる


解決

(function () { 
  $(window).scroll( function(){ 
    var $target = $('.target') 
    //ここで判定 
    if ($target.length) { 
      var $ele = $('.cta'); 
      var $pos = $('.box').offset().top; 
      var $win = $(window).scrollTop(); 
 
      if( $win > $pos ){ 
        $($ele).fadeIn(1000) 
      }else{ 
        $($ele).fadeOut(1000) 
      } 
    } 
  }); 
})(); 


まとめ

offsetでごにょるときは、すごい人ならもっとスッキリ描くのでしょうが、一旦メモとして記録

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)