Javascript Div不'；在页面底部时不显示

我有一个关于javascript的问题。我正在创建一个面板，当滚动时，面板关闭，当我们在页面底部时，将出现

#toTop

div

我已经做了如下的功能代码。但是当我们在页面底部时，

#toTop

div还没有出现

显示

#toTop

div的功能，如果我们到达底部页面

$(window).scroll(function() {
  if ($(this).scrollTop() > 0) {
        openMenu();
  } else if ($("body").height() <= ($(window).height() + $(window).scrollTop())){
        $("#toTop").css("display","block");
  } else{
        closeMenu();
        $("#toTop").css("display","none");
  }
 });
});

---

假设您想显示

#toTop

并仅在滚动到底部时关闭面板，则滚动功能中的一个小更改将修复此问题。

  $(window).scroll(function() {
  if ($(this).scrollTop() > 0) {
        openMenu();
  }  if ($("body").height() <= ($(window).height() + $(window).scrollTop())){
        $("#toTop").css("display","block");
  } else{
        closeMenu();
        $("#toTop").css("display","none");
  }
 });
});

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>0）{
openMenu（）；
}下面的if（$（“body”）.height（）脚本应执行您需要的操作：

$(window).scroll(function() {
      if ($(this).scrollTop() > 0) {
          openMenu();
       } else{
          closeMenu();
       }
    
     if ($("body").height() <= ($(window).height() + $(window).scrollTop())){
       $("#toTop").css("display","block");
     } else {
       $("#toTop").css("display","none");
     }
   });

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>0）{
openMenu（）；
}否则{
关闭菜单（）；
}
如果（$（“body”）.height（）0
它将计算为true，那么下一部分将永远不会执行。
我认为$（this）.scrollTop（）>0应该是$（this）.scrollTop（）
$（this）.scrollTop（）>0
打开面板，而不是
\toTop
。当页面底部是this=>
$（“body”）.height（）是的，但是当用户向下滚动时，它总是会碰到if语句的第一个大小写，因为
$（this）。scrollTop（）
总是大于0i。我尝试在if下创建if，它工作了。像这样。代码有多简单？=>
if（$（“body”）。height（）您希望
Totop
div在页面末尾隐藏—仅此而已？当滚动到底部时，面板关闭。但当它位于页面底部时，
#Totop
会出现。@Ritsar刚刚注意到Piyus做了同样的操作，但它被编辑了，这不是您所需要的吗？它不起作用。我尝试使用此代码，它起作用了。如果我在下面看到一个f
if（$（this）.scrollTop（）>0）{openMenu（）；$（“#toTop”）.css（“display”，“block”）；}else{closeMenu（）；$（“#toTop”）.css（“display”，“none”）；}
。这是代码=>
if（$（$（（（（（$））.height（））太好了，我不确定你到底想要什么
  $(window).scroll(function() {
  if ($(this).scrollTop() > 0) {
        openMenu();
  }  if ($("body").height() <= ($(window).height() + $(window).scrollTop())){
        $("#toTop").css("display","block");
  } else{
        closeMenu();
        $("#toTop").css("display","none");
  }
 });
});

$(window).scroll(function() {
      if ($(this).scrollTop() > 0) {
          openMenu();
       } else{
          closeMenu();
       }
    
     if ($("body").height() <= ($(window).height() + $(window).scrollTop())){
       $("#toTop").css("display","block");
     } else {
       $("#toTop").css("display","none");
     }
   });