javascript - 如何在桌面上使用javascript检测用户在底部

标签 javascript jquery html css

我需要什么

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

问题

  • 它在滚动页面最后的附加类。

  • 我需要在上面添加 class 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 代码正在滚动浏览器的工作端,我需要它应该在页面页脚上方。

最佳答案

这对我一直有效:

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

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

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

fiddle :http://jsfiddle.net/8PkQN/449/

当您到达页脚顶部时会发生警报。这就是您要找的吗?

关于javascript - 如何在桌面上使用javascript检测用户在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33304631/

相关文章:

javascript - Laravel 5 如何解决使用 Bootstrap Form Validation Remote 验证唯一用户名时出现的错误

javascript - 未捕获的类型错误 : Cannot call method 'toLowerCase' of undefined

php - 我如何制作一个表格来更新我的表格并在我的 TeamStats 页面上显示为一行?

javascript - 将 <a></a> 标签的内部文本作为参数发送给 JavaScript 函数

javascript - 如何检查javascript日期是否来自指定的一周前?

php - 在不刷新页面的情况下如何使用ajax/jQuery显示数据库中的值

jquery - 使用样式表中的匹配图像动态更改 jquery .css 图像

javascript - 如何为单击按钮时显示的 div 启用滚动

html - CSS中的边框框和内容框有什么区别?

javascript - 使用 jquery 类型的 slider 遍历 csv 并在 d3.js 条形图中一次显示一个条形图