スクロール途中から要素がついてくる


スクロールしている途中で要素がついてくるようにする方法です。

まずCSSでついてくる時のクラスを書きます。

.fixed {
  position: fixed;
  top: 100px;
}

javascriptで必要な位置までスクロールしたら要素にfixedクラスを追加するようにします。

var follow = $('#follow'), offset = follow.offset();
(window).scroll(function () {
  if($(window).scrollTop() > offset.top - 100) {
    follow.addClass('fixed');
  } else {
    follow.removeClass('fixed');
  }
});

 


投稿日時:2016年9月3日 15:41  更新日時:2016年9月3日 15:41


新着ブログ

2017年9月10日
NEWS PICKSでLikesをたくさん貰った話

2017年8月19日
人生の勝算

2017年6月14日
目的論が分からない