gpt4 book ai didi

javascript - 处理全页部分之间的滚动,并溢出 :hidden on body

转载 作者:行者123 更新时间:2023-12-03 09:32:02 24 4
gpt4 key购买 nike

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

你知道如何实现它吗?

我遇到的问题是:

  • 当正文有溢出时检测滚动:隐藏。
  • 处理一次性事件触发(检测到滚动时)

最佳答案

有一个简单的方法可以做到这一点。主体包裹了主要的 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);
});

祝你好运!

关于javascript - 处理全页部分之间的滚动,并溢出 :hidden on body,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31475606/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com