使用mcustomscrollbar一次滾​​動一個元素

Question

如何使用mCustomScrollbar確保在滾動元素時一次一個元素。 我有以下HTML。

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

滾動ul只能滾動一個li，即沒有元素可以跳過滾動。

Answer 1

您應該在mouseWheel對象中使用scrollAmount屬性。

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>