带有easeInCirc效果的整页鼠标滚轮滚动答案

【问题标题】：Fullpage mousewheel scroll with easeInCirc effect带有easeInCirc效果的整页鼠标滚轮滚动
【发布时间】：2014-06-13 11:05:18
【问题描述】：

我为我的 html 页面提供部分，每个部分都有 100% 的宽度和高度来获取屏幕大小。正文和部分溢出是隐藏的，因为我不想显示滚动条。而不是它，我想只使用菜单和鼠标滚轮在部分之间导航。

问题是我不知道如何调整我在网上找到的脚本，它一次只能滚动一个部分（100% 高度）......如果你能纠正我的脚本：

$(document).ready( function() {
    $('body').mousewheel(function(event, delta) {
        if (delta < 0) {
            $('body').scrollTo('+=800', 1500, {easing : 'easeInCirc'});
        }
        else {
            $('body').scrollTo('-=800', 1500, {easing : 'easeInCirc'});
        }
    return false;
    }); 
});

（我指出 +=800 和 -=800 因为我认为这是像素，它甚至不是这样的。无论如何，我需要 100% 而不是精确的像素...）

HTML 很简单：

<body>
    <div class="section"></div>
    <div class="section"></div>
    <div class="section"></div>
</body>

这是我的测试页面：http://photography.igorlaszlo.com/test.html - 菜单已经完成了我想要的（除了不完美的粘性效果，没关系）。

这是我想做的一个很好的例子：http://www.atelier-serge-thoraval.com

提前致谢！

【问题讨论】：

标签： jquery scroll mousewheel jquery-easing

【解决方案1】：

好吧，这太疯狂了，但是当我在这个网站上提出问题时，我总能找到答案……而不是以前！ :) 因为当我输入标题时，侧边栏会提出相关链接（我刚刚发现）。这也是因为我的英语，我需要在谷歌或这里找到合适的词。

这就是我要找的：

http://alvarotrigo.com/fullPage/

https://github.com/alvarotrigo/fullPage.js

但谁知道呢，也许我会带着恐慌回来，我仍然必须安装它... :)

【讨论】：