小编you*_*oup的帖子

我想在视口中获取元素(div)的百分比.

• 当元素进入视口时,我希望值为0.
• 当元素和元素的高度离开视口时,我想要值100.

以下是我想做的5个视口http://imgur.com/2ZPpps5

我试过了 :

$(window).bind('scroll',function(){
var  viewportHeight = $(window).height(),
elementOffsetTop = $('#element').offset().top,
elementHeight = $('#element').height();

var numerator = 200 * (window.pageYOffset-elementOffsetTop+viewportHeight);
var denominator = (elementOffset+elementHeight+viewportHeight);
console.log(numerator/denominator);
});

这段代码有效.(我不明白为什么我要乘以2).

但是当我调整页面大小时,此代码不起作用(值介于0到85之间......)

想法？