jquery - 滚动到容器末尾的jQuery Sticky Header

Question

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

有什么好的插件可以实现这个吗？

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

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

Answer 1

@Harsha 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();
});