使用jquery在水平滚动时隐藏div [duplicate]

eh57zj3b  于 2023-05-17  发布在  jQuery
关注(0)|答案(1)|浏览(123)

此问题已在此处有答案

How to detect if browser window is scrolled to bottom?(22答案)
5天前关闭。
我需要一个div来隐藏身体水平滚动我适用于下面的代码,这是工作正常的垂直滚动如何适用于底部滚动相同的代码?

<script>
        $(window).scroll(function () {
            if ($(this).scrollTop() > 0) {
                $('.nk-sidebar').fadeOut();
            } else {
                $('.nk-sidebar').fadeIn();
            }
        });
    </script>
2w3rbyxf

2w3rbyxf1#

试试这个代码:

$(window).scroll(function() {
  var windowHeight = $(window).height();
  var documentHeight = $(document).height();
  var scrollPosition = $(document).scrollTop();

  if (scrollPosition + windowHeight >= documentHeight) {
    // Bottom scroll reached
    $('.nk-sidebar').fadeOut();
  } else {
    $('.nk-sidebar').fadeIn();
  }
});

相关问题