处理整页部分之间的滚动,溢出:隐藏在正文上

时间:2015-07-17 12:13:11

标签: javascript

我想创建与您在此网站上看到的滚动效果完全相同的滚动效果:http://blkboxlabs.com/

你知道如何实现它吗?

我遇到的问题是:

  • 当身体溢出时检测滚动:隐藏在其上。
  • 处理一次性事件触发(检测到滚动时)

1 个答案:

答案 0 :(得分:1)

有一种简单的方法可以做到这一点。身体包裹你可以移动的主要div,绝对/固定和顶部定位。您可以使用jquery插件检测鼠标滚轮事件。

插件:http://plugins.jquery.com/mousewheel/

示例代码:

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

CSS

 body { overflow: hidden; }
 .allcontent {position: absolute; top:0; }

JS

 $('.allcontent').on('mousewheel', function(event) {
     console.log(event.deltaX, event.deltaY, event.deltaFactor);
 });
祝你好运!