1

例如，我有 5 个块的页面：

在此处输入图像描述

<div class="div1"></div>
<div class="div2"></div>
<div class="div3"></div>
<div class="div4"></div>
<div class="div5"></div>

每个块都是窗口的 100% 宽度和高度，红色的 (1) 是可见的。

.div1, .div2, .div3, .div4, .div5 {
    width: 100%;
    height: 100%;
}

我想使用鼠标滚轮浏览这些块。当我从底部向下滚动第二个块动画时，第三个动画块向下滚动一点。而且我不希望滚动条可见。

我知道我应该使用 jquery mousewheel 插件并选择一个取决于 delta 的操作。但不要看到整个情况。

我希望我的问题很清楚。将不胜感激已经实施了这种导航的任何帮助和网站来挖掘它。

4

2 回答 2

0

您应该使用 jquery 滚动事件，如此处所示 

$('#target').scroll(function() {
//code goes here
})

您也可以隐藏滚动条，如此处所示

或者您可以尝试无限滚动插件。

于 2013-07-19T18:07:19.320 回答
0

首先，您的每个块都应该具有“位置：固定”。第一个块有 top: 0px; 底部 0px; 左0px；右 0px; 虽然对于下面的块，left 和 right 仍然是 0，但是 top 和 bottom 现在偏移了窗口的高度（您可以使用 $(window).innerHeight(); 获得窗口的高度等等和以此类推与其他块。

然后，每当用户滚动时（使用其他答案中已经给出的滚动事件），您只需在每次事件触发时将所有块的顶部和底部（相等）修改为您想要的多少。

干杯

于 2013-07-19T18:10:12.977 回答