滾動時淡入div欄作為我標題的背景

Question

我一直在研究，發現該主題有一些東西，但是在我的情況下沒有任何用處，並且常常使我難以實施。

當您開始在我的主頁上滾動時，我想讓div淡入。 它應該混入我的標題后面，在那里我得到了固定div的徽標。

“ John Polo”（標題徽標）固定在頂部，滾動時應該使其背景div消失，我試圖通過這兩張圖片為您提供一個概念：）

打開網頁時（頂部）

當您開始滾動時

Answer 1

嘗試這個。

/* Every time the window is scrolled ... */
jQuery(window).scroll( function(){

    /* Check the location of element */
    jQuery('.hideme').each( function(i){

        var logo = jQuery(this).outerHeight();
        var position = jQuery(window).scrollTop();
        /* fade out */
        if( position > logo  ){

            jQuery(this).animate({'opacity':'0'},500);

        }else{ jQuery(this).animate({'opacity':'1'},500);}

    }); 

});