我正在开发一个使用Spotify Web API的网站.
在支持页面上,我没有看到任何有关在阻止API之前可以发送给API的请求的信息.我的问题:
我有一个全屏幕的three.js应用程序作为背景,并希望将文本作为叠加在其上,我希望能够滚动.
我的问题是,显然three.js WebGL容器捕获所有滚动事件,并且不允许滚动覆盖内容.
three.js-application是一个<canvas>元素,我的CSS:
canvas {
position: absolute;
top: 0;
left: 0;
pointer-events: none;
z-index: -9999;
}
Run Code Online (Sandbox Code Playgroud)
这是<div>应该可滚动的内容的主体和父元素.
body {
display:block;
}
.page-content {
z-index: 1000;
padding: 0;
}
Run Code Online (Sandbox Code Playgroud)
两者都是身体的直接孩子.
脚本在内容之后执行.
如何阻止Three.js容器捕获滚动(例如滚轮)事件并将它们转发到.page-contentdiv?