2012-03-02 12 views
5

ユーザーがスクロールを検出したときにdivを固定する方法。
例:Facebookの右側のサイドバーで、特定のスクロール位置に達したときに固まってしまいます。スクロールでディビジョンを固定する

+1

これは私がこれを見た前に使いましたhttp://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery -plugin/ – elclanrs

答えて

7

position:fixedです。
しかし、あなたは何かをする方法を知りたければいつでもウェブサイトのソースを見ることができます。非常に教育的!

1

これがどういう意味ですか?

ただし、CSSの正しい位置を追加することができます。それをスクロールしてもサムの場所に表示させることができます。

More on CSS positioning

5

私たちがスクロールしているかどうかを監視します。

if($(window).scrollTop() > 0){ 
    //we're scrolling our position is greater than 0 from the top of the page. 
    $("#element").css({'position' : 'fixed'}); 
} 

* EDIT

if(window.scrollTop() > 0){ 
    document.getElementById('element').style.position="fixed"; 
} 
+0

はこのJqueryですか? – sandbox

+0

scrollTopはjQueryに固有のものではありませんが、残りはjQuery固有のものです。 – Ohgodwhy

+0

ok ...これはjavascriptでも実現できますか? – sandbox

関連する問題