Почему 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)"}); 

Все работает нормально, но проблема заключается в том, что при прокрутке ребенка DIV с помощью Nicescroll достигает дна ребенка 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; 
 
}