我已经生成了一些简单的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});
});
答案 0 :(得分: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);