스크롤에 내용 표시

Question

사용자가 스크롤 할 때까지 내 게시물 내용을 숨기려고합니다 (example). 지금까지 나는 성공하지 못했습니다.

jQuery를 - -

가

$('.content-post').hide(); 
$('div').on('scroll', function(){ 
if($(this).scrollTop() > 25)$('.content-post').show(); 
else $('.content-post').hide(); 
}); 

CSS는 - HTML

.content-post { 
background-color: #EDE3DE; 
margin: 0 auto; 
text-align: left; 
} 

- 여기

<div class="content-post"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
</div> 

가 JSfiddle 내 012,391입니다

은 지금까지 나는이 코드를 가지고

저는 현재 너무 쉽게 이동하십시오 jQuery를 공부하고 있습니다 :)

Answer 1

CSS 박스 부모가 아이 더 큰 경우

body{ 
    height:2000px; 
} 

가, 지금은에서에게-스크롤 작품! 귀하의 질문에 함께 할 수있는 귀하의 예제를 가지고 무엇

$('.content-post').hide(); 

//$(document).scroll(function(){ 
//$(document).on('scroll', function(){ 
$(document).bind('scroll', function(){ 
    if ($(this).scrollTop() > 25) { 
    console.log($(this).scrollTop()); 
    $('.content-post').show(); 
    } else { 
    $('.content-post').hide(); 
    } 
});