如何获得元素相对于窗口的当前位置的百分比？

Question

我正在尝试使用jquery根据元素在窗口中的位置以百分比形式返回元素的位置。

$(window).on('resize scroll', function() {
var docHeight = (function(){
              return Math.max(
                  $(document).height(),
                  $(window).height()
              );
            })();
var percent = (($(element).offset().top / docHeight) * 100);
console.log(percent);
});

我希望控制台记录该元素的顶部在窗口中的百分比，即，如果该元素的顶部在窗口的底部，则该百分比为0％（如果该元素的顶部在窗口的底部）。在窗口中间，百分比是50％，依此类推。但是，它以相对于文档的百分比形式返回位置，并且在滚动时不会改变。

Answer 1

可能想看看Element​.get​Bounding​Client​Rect()。

返回有关元素位置的信息。