在800px之后在scrollDown上显示div

Question

在800px之后在scrollDown上显示div我希望在从页面顶部向下滚动800px后显示隐藏的div。到目前为止我有这个例子，但我想它需要修改才能实现我想要的东西。编辑：[当scrollUp和高度小于800px时，这个div应隐藏]HTML：<div class="bottomMenu">   <!-- content --></div>CSS：.bottomMenu {     width: 100%;     height: 60px;     border-top: 1px solid #000;     position: fixed;     bottom: 0px;     z-index: 100;     opacity: 0;}jQuery的：$(document).ready(function() {     $(window).scroll( function(){         $('.bottomMenu').each( function(i){             var bottom_of_object = $(this).position().top + $(this).outerHeight();             var bottom_of_window = $(window).scrollTop() + $(window).height();             if( bottom_of_window > bottom_of_object ){                 $(this).animate({'opacity':'1'},500);             }         });      });});这是我当前代码的小提琴。

Answer 1

你也可以这样做。

$(window).on("scroll", function () {
   if ($(this).scrollTop() > 800) {
      #code here
   } else {
      #code here
   }});