爲什麼jQuery Nicescroll不允許父DIV在子DIV達到底部時滾動？

Question

我有一個孩子DIV名爲「介紹」，其上Nicescroll設置：

$(document).ready(function({ 
$("#Intro").niceScroll({ 
cursorcolor:"#666", 
cursoropacitymax:0.7, 
cursorwidth:5, 
cursorborder:"1px solid #2848BE", 
cursorborderradius:"4px", 
background:"#ccc", 
autohidemode:"false"}).cursor.css({"background-mage":"url(img/mac6scroll.png)"}); 

一切工作正常，但問題是，滾動使用Nicescroll孩子DIV時達到孩子的DIV底部，父DIV不會開始滾動父DIV。

我知道Nicescroll有一個名爲nativeparentscrolling的選項，默認設置爲true。然而，無論我在代碼中是否包含此選項並將其明確設置爲true或不包含它，子DIV都會滾動到底部並停在那裏。當一個人向上滾動時也是如此。它停在頂部，父DIV不滾動父DIV。

當我在移動設備或平板設備上時，情況也是如此。

這個問題可以幫助我使Nicescroll更好嗎？

Answer 1

這僅僅使用CSS工作對我來說，你可能需要調整您的軌道寬度，以滿足您的設計需求：

#your-element { //the element using nicescroll 
 
overflow-y: scroll !important; //brings back browser scroll functionality 
 
} \t \t \t 
 
#your-element::-webkit-scrollbar { 
 
\t display: none; //hides vertical scrollbar on webkit browsers 
 
} 
 

 
//cover up the other browsers vertical scrollbar 
 
.nicescroll-rails { 
 
\t background: #fff; 
 
} 
 
.nicescroll-rails:before { 
 
    content: ''; 
 
\t position: absolute; 
 
\t height: (height of your element or 100%); 
 
\t width: 30px; 
 
\t top: 0; 
 
\t left: -20px; 
 
\t background-color: #fff; 
 
}