Автопрокрутка при перетаскивании элемента с помощью Perfect-Scrollbar и SortableJs - PullRequest
Новая
       33

Автопрокрутка при перетаскивании элемента с помощью Perfect-Scrollbar и SortableJs

0 голосов
/ 02 апреля 2019

Можно ли сделать perfect-scrollbar автоматической прокруткой вверх / вниз при перетаскивании элемента по краю его контейнера? В этом случае для перетаскивания я использую SortableJS .

Чтобы воспроизвести мой вариант использования, попробуйте перетащить элемент 1 в конец списка (после элемента 8): https://jsfiddle.net/hfalucas/fwzcse9k/5/

В первом списке вы не можете перетащить элемент, потому что свиток вообще не двигается 

// js file
var ps = new PerfectScrollbar('.container');


Sortable.create(list, {
  animation: 150,
});


// httml
<div id="coisas" class="container">
  <div id="list" class="list-group content">
      <div class="list-group-item">1</div>
      <div class="list-group-item">2</div>
      <div class="list-group-item">3</div>
      (...)
  </div>
</div>

Во втором списке и с помощью встроенной прокрутки браузера он работает отлично 

Sortable.create(listOne, {
    animation: 150,
});


// httml
<div id="cenas" class="container">
  <div id="listOne" class="list-group content">
      <div class="list-group-item">1</div>
      <div class="list-group-item">2</div>
      <div class="list-group-item">3</div>
      (...)
  </div>
</div>

//css
#cenas {
  margin-top: 10px;
  position: relative;
  width: 480px;
  height: 206px;
  overflow-y: scroll;
}
...