3

ここでいくつかのチュートリアルを実行しましたが、まだ問題を解決できないため、これを投稿します。

フローティング共有バー @ http://www.patchworkoftips.com/blackberry-messenger-voip-voice-calls/1983/を取得して、ユーザーが 100px のように下にスクロールした場合にのみ表示する方法を教えてもらえないかと思っていました。ページまたは記事の途中で取得しました。

これが私の共有バーCSSです：

#search_bar {
    z-index: 1000;
    position: fixed !important;
    top: 0;
    width: 1082px;
    color: #FFF;
    background: #333;
    padding-top: 1px;
    padding-bottom: 1px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

申し訳ありませんが、シェアバー コードがここに消え続けているため、貼り付けることができませんでした。

私は javascript と jquery を使用するまったくの初心者なので、コピー アンド ペーストのソリューションは非常に高く評価されます。

4

1 に答える 1

1 
$(window).on('scroll', function(){
    if($(window).scrollTop() > 100){ // The '100' can be set to what ever pixel height you want
         $('#search_bar').fadeIn('500'); // This shows the share bar
    }else{
         $('#search_bar').fadeOut('500'); // This hides the share bar
    }
});
于 2012-11-15T19:39:06.867 に答える