Javascript CSS:使用transform将元素移动到DOM上的特定位置 我有一个图像(SVG),它是从页面的中间开始加载的。当用户向下滚动时,我希望图像向上向左漂移,以便最终固定在左上角。 我试着使用带有卷轴编号的translate,但我觉得这是一个猜测游戏,关于图像将在哪里结束以及它将走什么路。这是我到目前为止所拥有的

Javascript CSS:使用transform将元素移动到DOM上的特定位置 我有一个图像(SVG),它是从页面的中间开始加载的。当用户向下滚动时,我希望图像向上向左漂移,以便最终固定在左上角。 我试着使用带有卷轴编号的translate,但我觉得这是一个猜测游戏,关于图像将在哪里结束以及它将走什么路。这是我到目前为止所拥有的,javascript,css,Javascript,Css,window.addEventListener('scroll',函数(evt){ 让image=document.getElementById('image'); 设scrollY=window.pageYOffset; //如何使用scrollY来实现这一点? image.style.transform=?? 用于工作文档。getElementById('image');需要有对应的元素 <img id="image" style=" margin-top

window.addEventListener('scroll',函数(evt){
让image=document.getElementById('image');
设scrollY=window.pageYOffset;
//如何使用scrollY来实现这一点?
image.style.transform=??

用于工作文档。getElementById('image');需要有对应的元素

<img id="image" style=" margin-top: 200px; " src="mySvg.svg" />


要尝试修复错误,但img没有id“image”抱歉,在那里进行伪编码时忘记添加它。为其他查找者显示它。代码中有几个语法错误。结束时修复它,如ask中所示。还有什么语法错误?您好,我可以用这种更正式的编码方式。bcoz您用于此操作的css属性没有那么多帮助