css - 滚动 DIV 后 float 一个 DIV

Question

这是网址: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'});
  } 

});

这样的东西应该可以工作