1

これはURLです：このURLを確認してください

その中には、サブスクライブなどの赤いリボンがあります。

上部に固定されています。私が欲しいのは、誰かがその下をスクロールするとすぐに、リボンがページの上部に浮き始めることです。もう一度、彼が上にスクロールすると、リボンがその場所に移動して配置されます。

基本的な考え方は、リボンは常にユーザーに表示される必要があるということです。

CSSでこのようなことを達成する方法は？

4

2 に答える 2

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

});

このようなものが機能するはずです

于 2012-06-20T17:48:10.023 に答える
1

Chris Coyierの「永続的なヘッダー」をチェックしてください：http：
//css-tricks.com/persistent-headers/

これは、コンテンツをスクロールするときに画面の上部に表示されたままになるように、コンテンツ領域のヘッダーを取得するためのコードです。次に、その関連セクションをスクロールして通過したら、離れます。

彼はまた、別の実装へのリンクを投稿しています。

于 2012-06-20T17:50:53.377 に答える