Загрузка...

Вызвать Ajax

Тема в разделе Frontend создана пользователем Ricudosan 5 авг 2021. 159 просмотров

Сортировать
  1. Ricudosan
    Скопировать BBCode
    Ricudosan Автор темы 5 авг 2021 1 27 авг 2019
    У меня есть див с ссылкой я хочу когда я докрутил до этого div сработала ссылка /?page=2
    HTML
    <div>
    
    <div><center>
    
  <a href="/?page=1"></a>
    
 <a href="/?page=2"></a>
    
  </center></div>
    
  </div>
    как это реализовать без перезагрузки страницы
     
    5 авг 2021
  2. PEUCUK
    Скопировать BBCode
    PEUCUK 5 авг 2021 Начинать нужно сейчас.zelenka.guru/threads/2853731 20 045 20 май 2020
    У тебя 2 страница расположенная сразу же под 1 строкой, куда ты крутить собираешься?
     
    5 авг 2021
    1. Ricudosan Автор темы
      PEUCUK, у меня она расположена вспоим низу, я думаю этому диву присвоить id и написать скриптом, что если я докрутил до этой id должен сработать Ajax
      5 авг 2021
    2. PEUCUK
      Ricudosan, можешь сделать так, не забудь подключить js если будешь все обрабатывать в другом файле
      5 авг 2021
  3. XyRmaT
    Скопировать BBCode
    XyRmaT 6 авг 2021 8 1 авг 2021
    $(window).scroll(function() {
    var top_of_element = $("#element").offset().top;
    var bottom_of_element = $("#element").offset().top + $("#element").outerHeight();
    var bottom_of_screen = $(window).scrollTop() + window.innerHeight();
    var top_of_screen = $(window).scrollTop();

    if ((bottom_of_screen > top_of_element) && (top_of_screen < bottom_of_element)){
    var href = $("#element").attr('href');
    document.location.href = href;
    }
    });

    Где #element это айди нужного блока.
    Тоесть:
    <a href="./?page=2" id="element">

    И да, не забудьте подключить библиотеку jquery перед данным фрагментом кода
     
    6 авг 2021
Загрузка...
Top