pdoPage, Три колонки, Независимая прокрутка

У меня на сайте сейчас три колонки с товаром и независимой друг от друга пагинацией. take.ms/kKUYL Как бы закрутить туда еще и независимую для каждой колонки прокрутку колесом мыши? Все что мог — перечитал но пока не знаю как это провернуть. Какого то готового параметра наверно нет? Такое кодить надо, да?
В шаблоне у меня сейчас так 
<div class="container">
          <div id="content_">
     <div class="row">
           <div class="col-md-4">
                    <h3 class="text-primary text-center">PAYABLE MODELS</h3>
               [[!pdoPage?
    &element=`msProducts`
    &parents=`61`
    &pageVarKey=`altpagge`
    &pageNavVar=`altpagge.nav`
]]
             [[!+altpagge.nav]]
            </div>
           <div class="col-md-4">
      <h3 class="text-primary text-center">ALL MODELS</h3>
                [[!pdoPage?
    &element=`msProducts`
    &sortby=`RAND()`
]]
             [[!+page.nav]] 
               </div>
 
     <div class="col-md-4">
                <h3 class="text-primary text-center">FREE MODELS</h3>
               [[!pdoPage?
    &element=`msProducts`
    &parents=`32`
    &pageVarKey=`altpage`
    &pageNavVar=`altpage.nav`
 ]]
             [[!+altpage.nav]]
            </div>
           </div>
           </div>
Василий
Василий
27 августа 2017, 16:04
modx.pro
872
0

Комментарии: 2

Евгений Webinmd
Евгений Webinmd
27 августа 2017, 21:40
+1
css: каждому блоку с товарами задавайте максимальную высоту и overflow: auto/scroll
    Василий
    Василий
    28 августа 2017, 15:34
    0
    Спасибо!!! Я и не думал что это решается css) Може кому пригодится — вобщем я прописал 
    .col-md-4 { height:900px;
 overflow: auto;
 top:60px; 
 }
    и все тип топ)
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    2