2013-07-09 151 views
0

我正在創建一個使用jquery視差的網站。我有三個div分別對應三個不同的頁面。我仍然有背景(滾動頁面背景仍然保持不變)。我在第一頁給定位置固定標誌圖像。所以在滾動標誌仍然存在。第二頁沒關係。對於第三頁,我需要徽標隨div一起移動。如何才能做到這一點?是否有jQuery的視差的任何功能在滾動:向上移動內容div

背景CSS:

body{ 
    background:url(images/new.jpeg); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    background-attachment:fixed; 
} 

標誌:

<div class="logocenter"> 
    <img src="images/stampedlogo.png" style="width: 200px;height: 200px;position: fixed;" alt="logo"/> 
</div> 

請參閱my site

請幫幫忙, 感謝

+1

總是發佈您的代碼的問題..或創建一個小提琴,而不是張貼鏈接......該鏈接可能無法在不久的將來工作,或者你可能會改變你的文件的位置,在這種情況下鏈接贏得't work ..這實際上,對於用戶尋找類似於你的問題的答案在不遠的將來是沒有幫助的 – bipen

+0

也只是作爲一個附註,你的CSS包含了它:'background-color:rgbargba(255,255,255,0.7); ',你只需要一個'rgba'。 – Albzi

回答

1

你可以使用以下代碼:

$(window).scroll(function() { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 500) { 
     $('.logocenter').fadeOut(); 
    } 
});