Не работает событие конец скролл

231

12 апреля 2017, 11:58

alert(1) - для того чтобы узнать вообще работает ли жава с. (сейчас работает. (т.е. выводится алерт 1))

alert(2) - для того чтобы узнать вообще работает событие прокуртки (сейчас не работает)

alert(3) - тоже не работает

 alert(1); 
      $(window).scroll(function()  
        {alert(2); 
            if($(window).scrollTop()+$(window).height()>=$(document).height()){ 
        $("#sh").html("555555555555555555555555555555555"); 
	    alert(3); 
      } 
    });

fdfsdf 
<br><br><br><br> 
<div id ="sh">ffff</div> 
<br><br><br><br><br><br>ccc<br><br><br> 
<br><br><br><br><br><br>ccc<br><br><br> 
<br><br><br><br><br>ccc<br><br><br><br> 
<br><br><br><br><br>ccc<br><br><br> 
<br><br><br><br><br><br>ccc<br><br><br>

Answer 1

Необходимо подключить библиотеку jQuery. Для этого достаточно в коде прописать строку:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jque‌ry.min.js"></script>

После этого Ваш код полностью заработает.

// alert(1); 
$(window).scroll(function() { 
  // alert(2); 
  if ($(window).scrollTop() + $(window).height() >= $(document).height()) { 
    $("#sh").html("55555555555555555"); 
    alert(3); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
fdfsdf 
<br><br><br><br> 
<div id="sh">ffff</div> 
<br><br><br><br><br><br>ccc<br><br><br> 
<br><br><br><br><br><br>ccc<br><br><br> 
<br><br><br><br><br>ccc<br><br><br><br><br><br><br><br><br>ccc<br><br><br> 
<br><br><br><br><br><br>ccc<br><br><br>