javascript - 鼠标滚轮使用部分标签滚动到部分。如何？

Question

我正在尝试使用 jquery-mousewheel 插件滚动到各个部分。我的问题是每个部分都包含在一个部分标签内。是否可以以某种方式在这些容器上使用滚动效果？

我的 HTML:

<div class="inner-page-wrap has-no-sidebar clearfix">
    <div class="clearfix">
        <div class="page-content hfeed clearfix">
            <div class="clearfix post-14 page type-page status-publish hentry" id="14">
                <section id="section-1" data-rowname="" class="row fw-row">
                    <div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-1  col-window-height slided" data-v-center="false" data-top-style="none" data-bottom-style="none">
                    </div> 
                </section>
                <section id="section-2" data-rowname="" class="row fw-row">
                    <div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-2  col-window-height" data-v-center="false" data-top-style="none" data-bottom-style="none">
                    </div>
                </section>
                <section id="section-3" data-rowname="" class="row fw-row">
                    <div class="spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-3  col-window-height" data-v-center="false" data-top-style="none" data-bottom-style="none">
                    </div>
                </section>
            </div>
        </div>
    </div>
</div>

Jfiddle:http://jsfiddle.net/Pzgpz/368/

如果我删除部分容器，效果会很好。我试图更改脚本以使用部分选择器，但这不起作用。

Answer 1

我找到了解决办法。这很愚蠢，但效果很好。查看更新的 JSFiddle .我只做了一件事。我将类从您的 div(在您的部分内)移动到您的部分并且它有效。您可能想检查是否真的需要所有类(class)。我没有触及它们，因为我不知道您的代码中的其他地方是否需要它们。

<div class="inner-page-wrap has-no-sidebar clearfix">
    <div class="clearfix">
        <div class="page-content hfeed clearfix">
            <div class="clearfix post-14 page type-page status-publish hentry" id="14">
                <section id="section-1" data-rowname="" class="row fw-row spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-1 col-window-height slide">
                    Part 1
                </section>
                <section id="section-2" data-rowname="" class="row fw-row spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-2 col-window-height">
                    Part 2
                </section>
                <section id="section-3" data-rowname="" class="row fw-row spb-row-container spb-row-full-width spb_parallax_asset sf-parallax parallax-window-height col-sm-12 section-3 col-window-height">
                    Part 3
                </section>
            </div>
        </div>
    </div>
</div>