如何在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事件只会在您通过屏幕上显示的内容数量多于实际滚动时触发。如果您的画布宽度和高度均为100％，则*不会发送任何scroll事件。改为尝试wheel事件。

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

Answer 2

如果您将事件添加到画布而不是窗口元素，该怎么办？如果你可以提供一些代码，也可以帮助！