javascript - 如何在窗口中包含 math.random div 放置？

Question

我已经生成了一些简单的 javascript，它们在每次页面刷新时随机分散 div。

我注意到有时其中一个 div 会放置在窗口边界之外。

我只是想找到一种方法来始终将随机放置的图像包含在窗口中。感谢您提前提供任何帮助或建议！

目前我只是在使用这个javascript：

$(".pstn").each(function(i,el){
var tLeft = Math.floor(Math.random()*1000),
    tTop  = Math.floor(Math.random()*1000);
$(el).css({position:'absolute', left: tLeft, top: tTop});
});

Answer 1

获得最大值left

var maxLeft = $(window).innerWidth() - $(el).innerWidth();

和最大值top

var maxTop = $(window).innerHeight() - $(el).innerHeight();

然后你随机它：

var tLeft = Math.floor(Math.random() * maxLeft),
    tTop  = Math.floor(Math.random() * maxTop);