检查用户是否滚动到某个百分比的屏幕

时间:2016-06-24 14:31:09

标签: jquery css

目前,我有以下内容......

=IF(A2>B1;"TO_BE_CHANGED";A2)

因此,如果用户滚动超过1150px,则会调用此条件。有没有办法改变我的if条件,这样如果用户滚动到屏幕的20%而不是给定的像素数,则会调用if条件。

我问的原因是因为这个if条件没有考虑到不同屏幕的高度。当我在不同的屏幕尺寸上测试时,我会得到不同的结果

3 个答案:

答案 0 :(得分:2)

您实际上已经在使用所需的一切。我建议使用原生window属性innerHeight代替$(window).height

在您进行检查之前,您要做的是根据当前innerHeight指定最大高度:

var maxHeight = window.innerHeight * 0.2;
if( $(window).scrollTop() > maxHeight ) {
   // do what you want to do
}

答案 1 :(得分:1)

编辑:请注意,整个页面高度为document.height而不是window.height

if (($(window).scrollTop()/$(document).height()) > 0.2)

答案 2 :(得分:0)

if ($(window).scrollTop() > ($(window).height()*20)/100)