滚动(这个)接近底部时如何使Div消失

时间:2017-09-16 08:30:13

标签: javascript jquery html css

基本上,当用户滚动到距离页面底部50px时,我希望div(侧边栏)向左滑动,我发现最接近的是这段代码

<script>
    $(window).bind('scroll', function() {
     if ($(window).scrollTop() > 100) {
         $('#myDivId').hide();
     }
     else {
         $('#myDivId').show();
     }
});
    </script>

我尝试修改它但无济于事。我已经有了一个过渡属性,所以我只需要将div的位置变为-100px左边。

我知道我可能不应该问两个问题,但为什么我的页脚没有延伸到页面的整个宽度我知道它与侧边栏有关但是以什么方式?

1 个答案:

答案 0 :(得分:0)

您可以使用此处的代码:Check if a user has scrolled to the bottom

如果页面从底部滚动100px,则以下代码会隐藏div。

$(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() > $(document).height() - 100) {
    $('#myDivId').hide();
  }
  else {
    $('#myDivId').show();
  }
});