如何知道窗口顶部何时到达容器的特定顶部？

Question

我正在尝试实现类似于this页面显示的效果：当窗口的顶部到达特定容器的顶部时，我希望它粘在窗口的顶部。

我在SO中发现了this问题来处理这种行为。但是，当用户到达特定的px时，我并不是想让容器变得坚持，而是当用户到达容器的开头时。我想这样，因为页面顶部和容器顶部之间的大小可能会有所不同。

我的问题是：

- ＆GT;我怎么知道什么时候到达特定容器的顶部。
- ＆GT;如果那个容器的位置是相对的，因为它有几个相对定位的元素，因此我不能使用固定的，我该怎么办？
- ＆GT;一旦我向上滚动并且到达它所在的同一点，我该如何重置容器？

由于

Answer 1

使用此：

 $(window).scroll(function(e){
 $el = $('.class_of_fixedElement or #id_of_fixedelement');
 if ($(this).scrollTop() > 200 && $el.css('position') != 'fixed'){
 $('.fixedElement').css({'position': 'fixed', 'top': '0px'});
 }
 });

用你想要的任何像素替换200.只要scrolltop到达那里，你的元素就会固定在顶部。