Question

我需要什么

当用户向下滚动页面时，我需要使用js添加类。

问题

在滚动页面的最后一个附加类。
我需要在上面添加300px类。
```
jsfiddle: http://jsfiddle.net/8PkQN/1/
```

我尝试过：（window.innerHeight + window.scrollY）== $（document）.height（）

码

    var bottom = $(document).height() - $(window).height();
   if($(window).scrollTop() + 1 >= bottom - 2200==true)
  {
      $(".abslouel_left12").addClass("fixed_left_btm");
  }

工作代码

          window.onscroll = function(ev) {
     if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
   $(".abslouel_left12").addClass("fixed_left_btm");
 }
};



$(window).scroll(function() {
     $(this).scrollTop() > 75 &&            
  ($(".abslouel_left12").addClass("fixed_left"), 
$('[data-toggle="tooltip"]').tooltip()), 

     $(this).scrollTop() < 75 && ($(".abslouel_left12").removeClass("fixed_left"),

 )

      if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {

$(".abslouel_left12").removeClass("fixed_left");
  }

用户位于顶部时的情况1。没有要添加的课程。
用户2向下滚动时添加类（.fixed_length）。
案例3当用户滚动到底部添加类（.fixed_length_btm）时但问题是案例3代码是滚动浏览器的工作结束我需要它应该在页面页脚之上。

Answer 1

这一直对我有用：

if (window.pageYOffset == $(document).height() - $(window).height()) {
    // bottom of page
}

如果您想知道它们达到页脚以上，您可以在计算中添加页脚高度。

if ($(window).scrollTop() >= $(document).height() - $(window).height() - $('footer').height()) {
    // top of footer
}

小提琴：http://jsfiddle.net/8PkQN/449/

当您到达页脚顶部时发生警报。那是你在找什么？

Answer 2

  $(window).scroll(function(){
    if ($(document).scrollTop() + $(window).height() == $(document).height()) {
      //addClass('fixed_length_btm');
    } else {
      //removeClass('fixed_length_btm');
    };
  });

$(document).scrollTop()会为您提供滚动的高度。当文档高度等于滚动高度加窗口高度时，您将位于页面底部。

如何使用桌面

2 个答案: