Jquery FadeIn浮出水面Div

我有一個酒吧在我的頁面頂部。當用戶滾動經過700 px jQuery將放，先前被隱藏的標誌進入酒吧使用此代碼：Jquery FadeIn浮出水面Div

$(window).scroll(function(){ 
    var posFromTop = $(window).scrollTop(); 

    if(posFromTop > 700){ 
    $('#logo').fadeIn(200, function(){ 
    }); 

    } else { 
    $('#logo').fadeOut(200, function(){ 
    }); 
    } 
});

這工作不錯，但我有被按下的#logo時出現在該欄中的鏈接。如何防止鏈接在#logo出現時移動。

鏈接代碼：

<div class="container-fluid" style='height: 50px; background-color:rgba(242, 244, 247, 0.5); width: 100%; position: fixed; top: 0; left: 0; z-index: 30;'> 
<a href='#' id='logo' style='font-size: 40px;'>logo</a> 
<a href='#t' style='position: absolute; right: 12px;'>Start</a>

標識代碼：

#logo{ 
display: none; 
}

來源

2014-07-25 user176105

你上的標識必須position: absolute以防止影響其他內容。

來源

2014-07-25 05:11:02

謝謝，但它仍然會移動 – user176105

你能提供一個有效的代碼示例嗎？ –

當然，除非我無法弄清楚如何在js小提琴中滾動http://jsfiddle.net/PwX93/ – user176105

在完成所有腳本工作之前，首先保持這兩個元素可見，並對齊其必須的方式，然後執行腳本。

來源

2014-07-25 05:14:44 prakashstar42

。我爲什麼要保持徽標可見？ – user176105

問題不是因爲滾動事件，而是html/css問題。如果您同時保持#logo和鏈接可見，您將在調用滾動事件時得到相同的問題。因此，您可以先解決問題，然後將#logo設置爲隱藏狀態，然後執行腳本。 – prakashstar42

即時通訊對不起，我仍然不明白。你能提供一些代碼嗎？ – user176105

Jquery FadeIn浮出水面Div

回答

相關問題