滚动显示内容

Question

我试图让我的帖子内容保持隐藏，直到用户滚动（example）。到目前为止，我还没有成功。

到目前为止，我有这段代码 -

jQuery -

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

CSS -

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

HTML -

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

以下是JSfiddle和我的website

我目前正在学习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();
  }
});