Jquery 当滚动到底部时，将代码更改为

当用户到达内容的底部而不是顶部时，尝试调整我的代码以使其正常工作。目前运行良好，但从顶部开始

<script>
 $(function(){
 var shrinkHeader = 150;
 $(window).scroll(function() {
 var scroll = getCurrentScroll();
  if ( scroll >= shrinkHeader ) {
       $('.button').addClass('shrink');
       $('.brand').addClass('shrink');
    }
    else {
        $('.button').removeClass('shrink');
        $('.brand').removeClass('shrink');
    }
  });

function getCurrentScroll() {
  return window.pageYOffset || document.documentElement.scrollTop;
}
});
</script>

$（函数（）{
var shrinkHeader=150；
$（窗口）。滚动（函数（）{
var scroll=getCurrentScroll（）；
如果（滚动>=收缩页眉）{
$（'.button'）.addClass（'shrink'）；
$（'.brand'）.addClass（'shrink'）；
}
否则{
$（'.button'）.removeClass（'shrink'）；
$（'.brand'）.removeClass（'shrink'）；
}
});
函数getCurrentScroll（）{
return window.pageYOffset | | document.documentElement.scrollTop；
}
});

我希望它能正常工作，但当用户从底部而不是从顶部达到150px时，请使用：

$(document).scrollTop();

获取/检测jquery中从顶部滚动的距离

如果您想获得与底部的距离

我建议使用：

// Returns height of browser viewport
$( window ).height();

// Returns height of HTML document
$( document ).height();

获取距离：

distance = parseInt($(document).height()) - parseInt(getCurrentScroll());

您的$（窗口）。滚动（函数（）{…}）是正确的

您只需更新函数getCurrentScroll（）

然后选择$（窗口）.height（）或$（文档）.height（）：

 distance = parseInt($(document).height()) - parseInt(getCurrentScroll());     
 if ( distance >= shrinkHeader ) {
    // do the adding or removing of class ....
 }

---

根据您想要得到的结果，执行检查距离的调整。

不清楚您针对调整后的我的问题询问了什么，当用户从顶部滚动150px时，它可以工作，我希望它从底部滚动150px仍然非常不清楚。你想制作什么动画？你能在中重新创建当前工作的示例吗？很抱歉，我说的“动画”是指将类“收缩”应用于按钮和品牌classprob，我想让它检测与底部的距离，所以我只需更改$（窗口）。滚动（函数（）{到最后一行？很抱歉，我理解第一部分，但不确定需要用distance=…替换var shrinkHeader=150中的所有内容；还是保留一些内容hi@user3550879，请在滚动时使用console.log查看距离值（由此，您可以调整var shrinkHeader=150；以及检查是否需要添加或删除类的函数）。

 distance = parseInt($(document).height()) - parseInt(getCurrentScroll());     
 if ( distance >= shrinkHeader ) {
    // do the adding or removing of class ....
 }