0

我为我的 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

提前致谢 ！

4

1 回答 1

2

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

这就是我要找的：

http://alvarotrigo.com/fullPage/

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

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

于 2014-06-13T03:05:18.280 回答