javascript - 尝试限制 div 移动时出现问题

Question

当我向上/向下移动 div 时，我试图将带有 class 播放器的 div 的移动限制在窗口中，我发现了一个类似的问题女巫给了我这个解决方案:

var maxlimited = Math.min(Math.max(parseInt(playerPosition), 298), 628);

但是当我尝试用我的代码实现它时它不起作用，我什至不能移动 div

这里是 FIDDLE

Answer 1

你的 for循环缺少大括号。改变

for (var i = 0; i < players.length; i++)
var maxlimited = Math.min(Math.max(parseInt(playerPosition), 298), 628);
players[i].style.marginTop = maxlimited + "px";

到

for (var i = 0; i < players.length; i++) {
    var maxlimited = Math.min(Math.max(parseInt(playerPosition), 298), 628);
    players[i].style.marginTop = maxlimited + "px";
}

可以省略 {}当只有一行代码时players[i].style.marginTop = maxlimited + "px";在 for 之后循环但在你添加之后

var maxlimited = Math.min(Math.max(parseInt(playerPosition), 298), 628);

您需要将整个 block 包含到 { ... } 中 block 。