jquery - スクロール中に要素を修正して上限に到達する方法

Question

スクロールするときに div 要素を修正する方法を知りたかったのです。元の場所にあるはずですが、スクロールしてポイントに来ると、その場所に固定する必要があります。CSSposition:fixed;はここでは機能しません。

この手法を使用している多くのサイトを見てきましたが、JQuery である可能性があります。http://9gag.com/ < 下にスクロールすると右側のサイドバーにあるテクニックを使ったサイトです。

Answer 1

position:fixedここで使用されます。

修正したいすべての要素には、withと。の2つの状態がposition:absoluteありposition:fixedます。そして、修正したいすべての要素には、状態を変化させるページスクロール値があります

---

var 
Node = $('yourDIV'),
Func = function(){
 var Top = $(document).scrollTop();
 if(Top > 300) Node.css({'position':'fixed'});
 else Node.css({'position':'absolute'});
}

$(window).on('scroll',function(){ Func(); });