javascript - JQuery 在向下滚动时隐藏/显示

Question

我是 jquery 的新手。我正在尝试编写一个脚本来隐藏 div“框”和所有子项。当用户滚动到页面底部时，显示 div“框”和所有子项。为了节省时间，我们将这些 child 称为“chamber1”、“chamber2”和“chamber 3”。

当我隐藏“box”时，它只会删除那个 div。

$(document).ready(function() {
   $("#box").hide();
});

很抱歉缺少代码，但我在理解这节课时遇到了困难，而且我无法通过 Internet 搜索找到我正在尝试做的事情的确切示例。

谢谢!

Answer 1

如果你到达页面底部时隐藏框，你的javascript应该如下:

JavaScript:

$(document).ready(function() {
   $(document).on("scroll", function(){
     if ( window.scrollMaxY == window.scrollY ) {
        $("#box").hide();
     }
   })
});

HTML:

<div id="box">
  <div>Chamber 1</div>
  <div>Chamber 2</div>
  <div>Chamber 3</div>
</div>