0

Надо чтобы скролл считывался именно в блоке "second", а не с начала документа и, когда в конце концов посты через ajax будут подгружены, то переходило спокойно на третий блок. Короче говоря надо, чтобы действия происходили только в блоке "second".

<div class="first"></div> 
<div class="second">
    <div class="post"></div> 
</div>
<div class="third"></div>




 jQuery(window).on('scroll', onScroll); 
    function onScroll(){ 
      if (jQuery(window).scrollTop() +    100   + jQuery(window).height()   > jQuery(document).height()) {
      //ajax
      }
    }
4
  • вместо jQuery(window) используй jQuery("#ID_блока") Commented 11 июл. 2020 в 19:56
  • @AndreyMaslov попробовал, но что то не пошло
    – XXXXXX
    Commented 11 июл. 2020 в 20:06
  • странно, написал тест ниже, вроде как раз отрабатывает на скролл в одном из div Commented 11 июл. 2020 в 20:23
  • @AndreyMaslov написал вам в комментарии свой ответ
    – XXXXXX
    Commented 11 июл. 2020 в 20:26

1 ответ 1

0
<html>
<body>
<div class="first" style="width:100px; height:100px;background-color:#00ff00;overflow:scroll;">
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
</div> 

<div class="second" style="width:100px; height:100px;background-color:#ff0000;overflow:scroll;">
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
</div>

<div class="third" style="width:100px; height:100px;background-color:#0000ff;overflow:scroll;">
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
1111111111111111111111111111<br>
</div>



<script type="text/javascript" src="PATH_TO_JQUERY"></script>
<script language="Javascript">
$(document).ready(function() {
    jQuery(".third").on('scroll', onScroll); 
    function onScroll(evt){ 
      console.log("scroll", evt);
  }
});    
</script>    
</body>    
</html>
8
  • ну вот я так поставил , что то у меня не подгружаются посты при скролле. Работает всё только с моим вариантом. Я поставил alert в функции , но что то не срабатывает
    – XXXXXX
    Commented 11 июл. 2020 в 20:25
  • ну хз, по консоли видно, что он пишет сообщение когда идет скролинг в нужном div Commented 11 июл. 2020 в 20:29
  • Очень странно...
    – XXXXXX
    Commented 11 июл. 2020 в 20:29
  • Смотри проблема, наверное, в том, что когда в блоке нет данных он не может в принципе принимать событие scroll, добавь туда пустых строк, что бы скролл в принципе мог отрабатываться Commented 11 июл. 2020 в 20:33
  • у меня там данных очень много :D у меня маркап чуть другой :) просо в вопрос такой маркап не написать , так как его смотреть никто не будет , поэтому я сделал очень упрощённую версию :)
    – XXXXXX
    Commented 11 июл. 2020 в 20:34

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.