Question

处理对象在屏幕上随机移动的项目。我试图让顶部的元素不会被这些对象覆盖。这是我目前的代码：

function makeNewPosition(){

    // Get viewport dimensions 
    var h = $(window).height() - 150;
    var w = $(window).width() - 100;

    var nh = Math.floor(Math.random() * h);
    var nw = Math.floor(Math.random() * w);

    return [nh,nw];    

}

这很好但我需要阻止，让屏幕顶部150px说对象无法阻挡。出于某种原因，我无法做到这一点。如何修改我的代码来实现这一目标？

感谢您的帮助！

Answer 1

您需要将150px设置为偏离顶部。否则屏幕的bottom 150px将不受对象的影响，而不是top。

function makeNewPosition() {
    var h = $(window).height() - 150;
    var w = $(window).width() - 100;

    var nh = Math.floor(Math.random() * h) + 150;
    var nw = Math.floor(Math.random() * w);

    return [nh,nw];    
}

如果您想让100px的左右区域也不受影响，则需要减去200px并将100px添加到结果中。

function makeNewPosition() {
    var h = $(window).height() - 150;
    var w = $(window).width() - 200;

    var nh = Math.floor(Math.random() * h) + 150;
    var nw = Math.floor(Math.random() * w) + 100;

    return [nh,nw];    
}

Answer 2

您需要将150添加到随机高度，无论生成随机数是什么，nh将至少开始150

var nh = Math.floor(Math.random() * h) + 150;

如何设置自定义窗口高度？

2 个答案: