如何让div向下滚动800像素后显示？

800px后在scrollDown上显示div

场景：
滚动时需要显示隐藏的div距离页面顶部至少 800 像素。为此，需要修改现有示例。

解决方案：

要满足您的请求，请修改 jQuery 代码如下：

$(document).scroll(function() {
  var y = $(this).scrollTop();
  if (y > 800) {
    $('.bottomMenu').fadeIn();
  } else {
    $('.bottomMenu').fadeOut();
  }
});

说明：

• scroll() 事件侦听器监视页面的滚动位置。
• 向下滚动超过 800 像素 (y > 800) 时，.bottomMenu div 使用 fadeIn() 变得可见。
• 向后滚动时当高度低于 800 像素 (y

示例：

<!-- HTML -->
<div class="bottomMenu">
  <!-- content -->
</div>

<!-- CSS -->
.bottomMenu {
    display: none;
    width: 100%;
    height: 60px;
    border-top: 1px solid #000;
    position: fixed;
    bottom: 0;
    z-index: 100;
}

以上是如何让div向下滚动800像素后显示？的详细内容。更多信息请关注PHP中文网其他相关文章！