如何通过鼠标滚轮

时间:2016-10-30 07:43:08

标签: jquery html css mousewheel scrollto

我有一个ScrollTo jquery。
我有三个部分,DIV设置为全屏。 一,二,三
以及指向这些相应部分的导航菜单。
ScrollTo工作正常,但是,当我滚动滚轮时,我希望通过鼠标滚轮直接滚动整个部分使用鼠标滚轮到NEXT部分。
我怎样才能做到这一点。
我尝试过使用 fullpage.js ,但该脚本并不是我想要的。

我只使用一个简单的jquery用于ScrollTo

 jQuery(document).ready(function ($) {
        $('a[href*="#"]:not([href="#"])').click(function () {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    $('html, body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                    return false;
                }
            }
        });
    })

JSFIDDLE HERE

0 个答案:

没有答案