如何延遲我的浮動ShareBar直到用戶滾動頁面

我已經通過一些教程在這裏，但仍然無法得到我的問題的修復，因此我張貼這個。如何延遲我的浮動ShareBar直到用戶滾動頁面

我想知道如果您能告訴我如何讓我的浮動分享欄@http://www.patchworkoftips.com/blackberry-messenger-voip-voice-calls/1983/僅在用戶向下滾動時纔像網頁的100像素一樣顯示，或者在文章的中途顯示。

這裏是我的我的sharebar 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; 
}

抱歉，我不能，因爲它使這裏消失粘貼sharebar代碼。

我是一個總新手使用JavaScript和jQuery的，所以複製和粘貼解決方案將非常感激。

來源

2012-11-15 UdegbunamChuks

它消失了嗎？請將其粘貼到http://gist.github.com或類似網站上，並將鏈接發佈到此處。我們將在這裏處理。 –

在這裏你去UdegbunamChuks ...見下面 – VIDesignz

$(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-15 19:39:06 VIDesignz

@馬達拉：謝謝。這裏是分享欄代碼的鏈接：https：//gist.github.com/4085257 – UdegbunamChuks

感謝您的代碼，但我如何將其添加到頁面？我將它添加到functions.php或什麼？分享欄代碼在我的footer.php中。 – UdegbunamChuks

順便說一句，我試着將代碼添加到我的function.php，但不斷得到語法錯誤 – UdegbunamChuks

如何延遲我的浮動ShareBar直到用戶滾動頁面

回答

相關問題