複数ポイントのスクロール位置でcssを切り替えたい

Question

#hoge要素を1000px〜2000pxのスクロール位置で固定させています。

$(this).scroll(function () {
var scrollTop = $(this).scrollTop();
if( 1000 < scrollTop && scrollTop < 2000 ){
  $("#hoge").css({"position":"fixed","top":"0"})
}else{
  $("#hoge").css({"position":"static","top":""})
}
});

この状態から更に2001px以上の場合に「"position":"absolute","bottom":"0"」の内容にcssを切り替えたいです。

ご教授の程よろしくお願いいたします。

Answer 1

以前から何となく感じていましたが、teratail をコード制作依頼サイトと思っていませんか。
質問されている要件は if 文を少し書き換えるだけで実現可能な簡単なものです。
今までに castail さんが質問して回答頂いた内容を理解しているのなら間違いなく自己解決できると思われる問題です。
JavaScript を基礎から学習した方がご自身の為になるのではないかと思います。

• if...else - JavaScript | MDN

Comments

[castail]

ご鞭撻ありがとうございます。