прокручивать по одному элементу за раз, используя mcustomscrollbar - PullRequest
Новая
       55

прокручивать по одному элементу за раз, используя mcustomscrollbar

0 голосов
/ 24 ноября 2018

Как убедиться, что на элементах прокрутки по одному элементу за раз, используя mCustomScrollbar.У меня есть следующий html. 

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
</ul>

При прокрутке ul одновременно прокручивается только один li, т.е. ни один элемент не должен пропускать прокрутку.

1 Ответ

0 голосов
/ 24 ноября 2018

Вы должны использовать свойство scrollAmount в mouseWheel объекте. 

mouseWheel:{ scrollAmount: integer }

Установить количество прокрутки колесика мыши (в пикселях).Значение по умолчанию «auto» регулирует количество прокрутки в зависимости от длины прокручиваемого содержимого. 

$("ul").mCustomScrollbar({
  mouseWheel:{ 
    scrollAmount: 100
  }
});
ul {height: 200px}
li {
  height: 100px;
  border: 1px solid red;
}
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<link rel="stylesheet" href="http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.css" />
<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>
  <li>F</li>
</ul>
...