Question

我有一个名为＆＃34; Intro＆＃34;的儿童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，你可能需要调整导轨的宽度以满足你的设计需求：

＆＃13;

#your-element { //the element using nicescroll
 overflow-y: scroll !important; //brings back browser scroll functionality
}			
#your-element::-webkit-scrollbar {
	display: none; //hides vertical scrollbar on webkit browsers
}

//cover up the other browsers vertical scrollbar
.nicescroll-rails {
	background: #fff;
}
.nicescroll-rails:before {
    content: '';
	position: absolute;
	height: (height of your element or 100%);
	width: 30px;
	top: 0;
	left: -20px;
	background-color: #fff;
}

＆＃13;

为什么jQuery Nicescroll在子DIV到达底部时不允许父DIV滚动？

1 个答案: