javascript - 在 Three.js 渲染上滚动时如何更新 z 值？

Question

我正在尝试添加滚动事件监听器 to my three.js project .

我尝试了这段代码，但它不起作用，我不知道为什么。

window.addEventListener("scroll", function(e) {

    console.log("scrolled")

    // code to increment object.position.z 

}, true);

我尝试了 OrbitControls.js 和 TrackballControls.js，但它会缩放。我不需要缩放功能。

有什么想法吗？

Answer 1

只有当您实际滚动的内容超出屏幕所能容纳的范围时，scroll 事件才会触发。如果 Canvas 的宽度和高度均为 100%，则滚轮不会发送任何 scroll 事件。请尝试使用 wheel 事件。

window.addEventListener("wheel", function(e) {
  console.log("scrolled")
  // code to increment object.position.z 
}, true);