2013-07-09 153 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(); 
    } 
});