我是jquery新手。我正在尝试编写一个脚本,该脚本将隐藏div“框”和所有子级。当用户滚动到页面底部时,将显示div“框”和所有子项。为了时间的缘故,我们将孩子称为“ chamber1”,“ chamber2”和“ chamber 3”。
当我隐藏“框”时,只会删除该div。
$(document).ready(function() {
$("#box").hide();
});
缺乏代码,很抱歉,但是我在理解本课时遇到了麻烦,而且无法找到确切的示例来说明我正在通过互联网搜索进行的操作。
谢谢!
最佳答案
如果要在到达页面底部时隐藏该框,则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>