DEMO
我在Scroll Section中使用Nice Scroll。
一切都很好,但是如果我快速滚动,它将开始产生这些动画冲击。
HTML:
<section id="top" class="root_section">
This is a section 1
</section>
<section id="mid" class="root_section">
This is a section 2
<section id="mid-test-1" class="mid-inner-test-1 root_section"> Mid section </section>
</section>
<section id="bot" class="root_section">
This is a section 3
</section>
CSS:
html, body{
height:!00%;
}
.root_section{
height: 100%;
position: relative;
}
.mid-inner-test-1{
position: absolute;
top: 100px;
left: 100px;
}
JS:
$('section.root_section').scrollSections({
mousewheel: true,
});
$("body").niceScroll({
easing: 'easeOutCircle'
});
我试过的
如果我在
mousewheel: false
功能上取消选择scrollSection()
,它将开始正常工作,但不再将该部分切换为向下滚动或向上滚动。任何帮助都感激不尽。
最佳答案
将您的JS更改为:
Demo Fiddle
$('body').scrollSections({
mousewheel: true,
});
$("body").niceScroll({
easing: 'easeOutCircle'
});
通过指示两个不同的元素,您将为插件提供冲突的信息。您正在将其有效地应用于您的
body
,但随后分别检测了一个孩子的鼠标滚轮的滚动事件。