Javascript 如何使这个div在屏幕的一半上滑动？

我正在尝试构建一些响应迅速的javascript代码，使这个div可以在屏幕的一半上滑动

我能够使这个div在屏幕的“x”数量上移动，但我不确定如何使其响应。。我想要一些指导！我认为我的主要问题是我不知道javascript的“单位”是什么

任何帮助都将不胜感激。我还在努力学习

var div=document.getElementById（“slidingDiv”）；
div.style.position=“绝对”；
var left=document.body.offsetWidth；
div.style.left=左+像素；
var-gap=3；
var timer=window.setInterval（函数（）{
div.style.left=左+像素；
如果（左侧-间隙<40）{
左=0；
}否则{
左-=间隙；
}
如果（左==0）{
清除间隔（计时器）；
}
}, 1);
移动我您可以使用（window.innerWidth/2）获得屏幕宽度的一半
 这不需要JavaScript。相反，使用CSS动画


/*使任何绝对元素从右向左移动的动画*/
@关键帧从左侧滑动{
从{
左：100%；
}
到{
左：50%；
}
}
/*要移动的元素。必须有位置：绝对*/
.向左滑{
位置：绝对位置；
左：50%；
转化：translateX（-50%）；
动画名称：幻灯片从左开始；
动画持续时间：2秒；
}

花式跳水！
可以只使用
let halfWidth=parseInt（window.innerWidth/2）？是的，你说得对。谢谢：）哇，真管用。非常感谢。我显然需要深入研究DOM操作的语法：）我真的很感谢你的回答！嘿，这太棒了：）我不知道你可以用css动画来做这件事。就将其用于实际项目而言。。如果禁用js，使用css动画或javascript在浏览器中仍然显示图像是否更好？在页面速度和跨浏览器兼容性方面？？我想了解一下！p、 无论如何，我仍然需要使用javascript在卷轴上显示它…我会使用CSS动画，因为它利用了客户端的硬件加速，而不是他们的CPU，这可能会更慢。此外，0.2%的浏览器没有JavaScript，或者为了“安全”而禁用了JavaScript，因此不能保证它能正常工作。我更新了答案，在scroll中加入了可以使用或不使用JavaScript的代码