滚动的jQuery Sticky Header直到Container的末尾

Question

当我滚动到页面的该部分时，我想粘贴标题，它应该粘贴到页面顶部，直到该部分的容器结束。

有没有好的插件可以实现这个目标？

我尝试了以下但无法让他们工作

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

Answer 1

@Harsha M V

在DEMO

找到问题的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();
});