在 DIV 上滚动后浮动一个 DIV

Question

这是网址：检查这个网址

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

它固定在顶部。我想要的是，只要有人滚动到页面顶部，丝带就应该开始漂浮在页面的顶部……如果他向上滚动，丝带就会开始并坐在它的位置上。

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

如何在 CSS 中实现这样的东西？

Answer 1

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

});

这样的事情应该工作