Question

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

我的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（在您的部分内）移动到您的部分并且它可以工作。您可能想要检查是否真的需要所有类。我没有触摸它们，因为我不知道你的代码中是否需要它们。

Lock.lockInterruptibly()

鼠标滚轮使用节标签滚动到部分。怎么样？

1 个答案: