Jquery - .offset（）。left（） - 百分比

Question

我有：

var offset = $(this).offset();
    var relativeX = e.pageX - offset.left;

这个像素的返回值..

怎么做，返回百分比值？

Answer 1

$(this).offset().top和$(this).offset().left返回整数，而e.pageX我将认为它是一个整数。在这种情况下，你不能。然后，您可以获得这些值的减法所代表的百分比，但操作var relativeX = e.pageX - offset.left;将返回一个整数。

Answer 2

如果你得到要从中获得百分比的元素的宽度。

HTML：

<div class="test"></div>

JS：

$(document).on('click','.test', function(e){
    var offset = $(this).offset();
    var relativeX = e.pageX - offset.left;
    var wide = $('body').width();
    var percent = (relativeX*100)/wide;
    alert(percent);
});

CSS：

.test{
  background-color: #000000;
  width: 100%;
  height: 50px;
}

See it live here

希望它对你有所帮助。