Динамичная загрузка длинной страницы по div

Тема в разделе "JavaScript", создана пользователем silmarion, 17 фев 2015.

Модераторы: ZiX
  1. silmarion

    silmarion

    Регистр.:
    21 июн 2012
    Сообщения:
    195
    Симпатии:
    19
    Доброго всем, уже 3 часа ковыряю, никак не могу найти ничего подходящего

    В общем на virtuemart 2 в категории открывается ооооочень много товаров на страницу
    (пагинацию включить не предлагайте, она отключена специально, так должно быть)

    Идут товары по 2 в блоке

    <div class="row">
    2 товара
    </div>
    <div class="row">
    2 товара
    </div>
    <div class="row">
    2 товара
    </div>

    Как организовать загрузку этих блоков ROW постепенно при скролле?
    <div class="row">
    2 товара
    </div>
    <div class="row">
    2 товара
    </div>
    СКРОЛЛ
    еще 2 ROW
    скролл ниже, еще 2 ROW

    Перерыл уже кучу плагинов, почти все делают подгрузку страниц, а не блоков на 1 странице.
     
  2. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    179
    Копайте поиск в сторону "lazy load". Если я правильно понял, то это оно.
     
  3. silmarion

    silmarion

    Регистр.:
    21 июн 2012
    Сообщения:
    195
    Симпатии:
    19
    Lazy load смотрел кучу плагинов, они делают либо отложенную загрузку фотографий, либо подгрузку новых страниц, вместо перехода на них
    А мне нужно именно чтобы блоки подгружались
     
  4. ip027

    ip027 Создатель

    Регистр.:
    19 фев 2007
    Сообщения:
    22
    Симпатии:
    7
    Имеете ввиду, что блоки заполнены изначально и просто по мере скролла отображаются?
     
  5. silmarion

    silmarion

    Регистр.:
    21 июн 2012
    Сообщения:
    195
    Симпатии:
    19
    Да, это товары для virtuemart 2 в данном случае
    Структура такого плана
    <div id="prodcontent">
    <div class="row"> тут 2 товара </div>
    <div class="row"> тут 2 товара </div>
    <div class="row"> тут 2 товара </div>
    <div class="row"> тут 2 товара </div>
    </div>

    Нужно подгружать к примеру по 3 блока row за раз при скролле
    Пагинацию использовать не получится, из-за некоторых особенностей фильтра
    Есть страницы, где по 600 товаров, по итогу просто браузер виснет.

    Вот пример страницы
     
  6. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    179
    Я уже чуть раньше писал, по поводу ленивой загрузки. Вот покопался в поиске:
    http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

    Там есть WP плагин + есть Infinite Scroll jQuery Plugin
    Он как раз грузит контент по блокам.
     
  7. silmarion

    silmarion

    Регистр.:
    21 июн 2012
    Сообщения:
    195
    Симпатии:
    19
    Он как я понял не по блокам грузит, а по страницам, или может я не до конца досмотрел?
    Можешь тыкнуть?
    А то туплю что-то
     
    Последнее редактирование: 23 фев 2015
  8. Solus_Rex

    Solus_Rex

    Регистр.:
    15 янв 2012
    Сообщения:
    425
    Симпатии:
    179
    Ткнуть не могу, к сожалению, т.к. знаний на быстрое чтение скриптов не хвататет. Надо долго ковыряться и пробовать. Так что сами... :) Или может ещё кто-нибудь чего скажет путёвое...