スクロールで最下部に達した時に特定の要素にclassを追加したいです

Question

スクロールで追従してくる要素に対し、最下部までスクロールした際、classを付与したいです。
※理由としては最下部に達した際、Copyrightと重なってしまうため、要素を少し上にずらそうとしています。
ページの高さを指定し試してみたのですが、ブラウザウィンドウの高さによってズレが生じる為、良い方法があればアドバイスを頂きたいです。

■現在のソース

<div class="example">テストテキスト</div>

.example{
	min-height:1500px;
}

$(function(){
 
  var s = $('#example');
  $(window).scroll(function () {
    if ( $(this).scrollTop() > 5000 ) {
      s.addClass('example_class');
    } else {
      s.removeClass('example_class');
    }
  });
 
});

Comments

[m.ts10806]

html、CSSもご提示ください。

[zakioka]

記述が不足しており失礼いたしました。記述済みです。

Answer 1

「5000」という固定値を利用しているからだと思います。
下記の記事のようにスクロールイベントを監視してその時のheightとスクロール位置から判定しては？

• ページの下までスクロールしたときに何らかの処理を実行する例

Comments

[zakioka]

解決できました！ありがとうございます！

[m.ts10806]

解決されたようで何よりです