jquery - コンテナの最後までスクロールするjQueryスティッキーヘッダー

Question

ページのそのセクションにスクロールするときにヘッダーを貼り付けたいのですが、そのセクションのコンテナーが終了するまでページの上部に貼り付けます。

これを達成するための良いプラグインはありますか?

次のことを試しましたが、それらを機能させることができませんでした

http://viget.com/inspire/jquery-stick-em http://www.orangecoat.com/stickyscroll

Answer 1

@ハルシャMV

http://jsfiddle.net/dKDJz/4/で質問のデモを見つけてください。

var $sidebar = $("#sidebar"),
$window = $(window),
offset = $sidebar.offset(),
sbBottom = Math.abs($window.height() - (offset.top + $sidebar.height())),
prevScrollTop = 0;

$window.scroll(function() {

if (prevScrollTop < $window.scrollTop()) {
    $sidebar.removeClass('fixedTop');
    if ($window.scrollTop() > (sbBottom + 12)) {
        $sidebar.addClass('fixedBtm');
    } else {
        $sidebar.removeClass('fixedBtm');
    }
} else {

    $sidebar.removeClass('fixedBtm');
    if ($window.scrollTop() > sbBottom) {
        $sidebar.addClass('fixedTop');
    } else {
        $sidebar.removeClass('fixedTop');
    }
}


prevScrollTop = $window.scrollTop();
});