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,但随后分别检测了一个孩子的鼠标滚轮的滚动事件。

09-28 02:47
查看更多