Question

以下是我现在和我在一起的情况。这给了我像素的绝对位置

$(this).css({
 "left" : ($(this).width() + 5) * (index % 4),
 "top" : ($(this).height() + 5) * Math.floor(index / 4)
});

我想让它以相对于屏幕尺寸的百分比给出位置。

请帮忙。

Answer 1

使用$(window)进行简单的计算。例如，将项目的宽度作为window的百分比：

var percW = Math.floor(($(this).width / $(window).width()) * 100);

Answer 2

Jquery不会返回％中的值。

它将始终以px返回。

因此，要以％为单位获取值，可以将值除以最顶层节点[dom中的第一个父节点]

 parseFloat($(this).width() / $('#idOfFirstParent').width()) * 100;

，如果你想获得引用DOM中第一个父项的值或文档宽度的值[这将从屏幕的0,0开始]。

 (parseFloat($(this).width() / $('window').width()) * 100).toFixed(2);

                             or 

 (parseFloat($(this).width() / $('document').width()) * 100).toFixed(2);

我希望这个jquery给我的位置在％而不是像素

2 个答案: