1

ページと共にスクロールするサイドバーを作成しようとしています。しかし、ユーザーがサイドバーの上部の境界線までスクロールした後にスクロールを開始したい.

（Facebookがフロントページでそれを行い、追加がユーザーと一緒にスクロールする方法）およびこのサイト（ページの下部までスクロールすると、追加の1つが常にあなたをフォローしています）

どうやってそれを達成するのだろうと思っています。

次のスニペットを試してみましたが、これは即座にスクロールを開始し、サイドバーを同じ場所にとどめて下にスクロールするだけにしたいので、リキッド レイアウトでは機能しません。

$(window).scroll(function () { 
    $("#sidebar").css("position", "fixed").css("top", "50px").css("right", "50px");         
});​

そして関連するフィドル。

4

1 に答える 1

0

定義minHeight

minHeight = YOUR-FAVORITE-HEIGHT-IN-PIXEL-WITHOUT' px';

イベントでは、これscrollを確認した後、必要なことをすべて実行してください。

if($(window).scrollTop() > minHeight) {
   // change sidebar style, blah blah blah...
}esle{
   // roll back sidebar style, blah blah blah...
}

編集：

minHeightに設定$('#sidebar').offset().top;

于 2012-10-18T12:39:03.440 に答える