类似于这种效果如何实现？

Question

1.地址http://www.tuniu.com/journey/...
2.

当没有滚动到玩法概览时正常显示.

当滚动到时玩法概览贴合在顶部。
问题：如何实现？

Answer 1

var whenPageLoad = function() {
    var body_top = $(window).scrollTop(),
        tab_top = dev.offset().top; // 这里是那个dom

    if (body_top >= tab_top) {
        tab_top .addClass('fixed');
    }else{
        tab_top .removeClass('fixed');
    }
}
whenPageLoad();
$(window).scroll(function() {
    whenPageLoad();
});

css-----
.fixed{
    position: fixed;
    left: 0;
    top: 0;
}

Answer 2

应该当判断到那块到顶部时 然后将它位置fix了