2013-09-03 4 views
1

스크롤 할 때 div가 사라지고 동일한 줄에서 다른 것이 사라질 필요가 있습니다.div를 숨기고 사용자가 스크롤 할 때 다른 div가 사라집니다.

페이지의 높이는 100 %이고 하단에는 스크롤하는 방법이 있습니다. 사용자가 100 % 높이 소개 섹션 아래로 스크롤하면 그 지침이 사라져야하고 새 지침이 사라집니다.

jquery를 사용하여이 작업을 수행하는 간단한 방법이 있습니까?

감사

http://jsfiddle.net/pLf9b

는 내가 처음 볼 수 있도록보기 위해 스크롤을해야 다음

가이 있지만 나던 일을 찾을 사용자가 스크롤 자마자 섹션을 책 하나, 둘, 텍스트를 표시 나는 무엇을

var divs = $('.social, .title'); 
$(window).scroll(function(){ 
if($(window).scrollTop() <10){ 
    divs.stop(true,true).fadeIn("fast"); 
} else { 
    divs.stop(true,true).fadeOut("fast"); 
} 
});​ 
+0

당신은 그래, 내가 볼 수있는 몇 가지를 시도,하지만 메신저 후 유사 아무것도 그들은 페이지가 완전히 바닥 – Rex

+0

아무것도를 시도 무엇 당신은 이미 시험해 보았습니다 – strohy85

+0

로 스크롤 한 번에 바이올린을주십시오 활성화 전용으로 보이지 않는다이 :) – Sharun

답변

2

사용

후 0
$('#column-left').scroll(function() {..} 

$('#column-right').scroll(function() {..} 

대신

$(window).scroll 

fadein()fadeout() 기능이 잘 작동합니다.

그리고 필요한 것을 얻기 위해 약간의 수정이 필요합니다.

+0

좀 더 정교하게 만들 수 있습니까? 그것은 jquery를 작성하는 것입니다. – strohy85

+0

http://jsfiddle.net/pLf9b/ – Sharun

+0

그게 내 피들, 변하지 않았어. – strohy85

관련 문제