2012-02-05 2 views
-1

누군가가 문제를 말할 수 있습니까? 처음에는 jQuery Waypoints (http://imakewebthings.github.com/jquery-waypoints/)를로드 한 다음 텍스트 뒤에 표시되는 코드를 포함 시켰습니다. 페이지를 아래로 스크롤 할 때 이미지에 fadeIn 효과가 필요하지만 전혀 표시되지 않습니다. 스택 오버플로에서이 솔루션을 찾았습니다. - JQuery fade-in a div when user scrolls to that div 그리고 여기 내 솔루션을 수행하려고하는 링크가 있습니다 - http://layot.prestatrend.com 감사합니다!오류가 없지만 jQuery 코드가 작동하지 않습니다.

// by default your element will be hidden 
$('.ajax_block_product').hide(); 
// call waypoint plugin 
$('.ajax_block_product').waypoint(function(event, direction) { 
    // do your fade in here 
    $(this).fadeIn(); 
}, { 
    offset: function() { 
     // The bottom of the element is in view 
     return $.waypoints('viewportHeight') - $(this).outerHeight(); 
    } 
}); 
+0

코드를 붙여 넣는 것을 잊었습니까? – JJJ

+0

귀하를 돕기 위해 실제 정보가 거의 제공되지 않았습니다. 플러그인 페이지, 과거 질문 및 jquery 참조를 영원히 볼 수 있으며 ** 코드 **에 무엇이 잘못되었는지를 추측 할 수 없습니다. – Scott

+0

다음을 시도해 보면 효과가 있습니다. –

답변

0

jQuery 숨김 기능은 요소에 display:none을 설정합니다. display:none 인 요소는 올바른 offset을보고하지 않습니다. 처음에 불투명도를 0으로 설정하거나 가시성을 숨김으로 설정해보십시오.

관련 문제