DIV在到达页面的某个位置之前不会出现？

Question

我希望div不会出现，直到它到达页面上的某个点。

我的代码：

$(window).on('scroll', function() {
    var y_scroll_pos = window.pageYOffset;
    var scroll_pos_test = 50;        

    if(y_scroll_pos > scroll_pos_test) {
      $('.divclass').addClass('animated bounceInLeft');
    }
    else {
      $('.divclass').hide();
    }

我的问题：

重新加载页面时可以看到div。当我向下滚动时，div淡出并重新循环动画。如果我向上滚动，则整个div消失，我无法再向下滚动到该位置。

Answer 1

你最初必须隐藏你的div，因为ishwar rimal说。为此，您可以为div display:none添加样式，或者您可以使用jquery隐藏div，如下所示

$(document).ready(function(){
   $('.divclass').hide()
})