滚动DIV后浮动DIV

Question

请帮我解决这个问题。我是一个后端人，尝试了一些css，所以请光着我。

这是网址：Check this URL

其中有一条带有订阅的红丝带，等等。

它固定在顶部。我想要的只是当一个人在它下面滚动时，丝带应该开始漂浮在页面的顶部。如果他向上滚动，那么丝带会在它的位置上移动。

基本思想是，功能区应始终对用户可见。

如何在CSS中实现这样的效果？

Answer 1

$(window).scroll(function(){
  if($(this).scrollTop()>$('#socio').position().top){
    $('#socio').css({position:'fixed',top:0});
  }else{
    $('#socio').css({position:'relative'});
  } 

});

这样的事情应该起作用

Answer 2

查看Chris Coyier的“持久标题”：
http://css-tricks.com/persistent-headers/

  

这是一些代码，当您滚动浏览该内容时，可以使某些内容区域的标题在屏幕顶部保持可见。滚动浏览相关部分后离开。

他还发布了another实施的链接。