仅当页面上没有滚动条时才隐藏div

Question

我试图隐藏div，但是只有当page显示100%时，我才尝试这样做，因为我已经添加了ScrollToTop和页面上的ScrollToBottom按钮，此页面上有一个服务器列表，您可以切换以仅显示Offline服务器，而不显示在线服务器，以防列表太小而无法完全显示该页面（因此没有滚动条）

是否只能在无法滚动的情况下隐藏div？

<div class="wrapper">
  <a href="javascript:;" id="scrollToTop">&#x25B2;</a>
  <a href="javascript:;" id="scrollToBottom">&#x25BC;</a>
</div>

仅在页面可滚动（显示所有200个服务器）时才可见，但是如果按下此按钮：

<li><a href="#" id="hidelive" class="btn btn-sm btn-outline-primary" style="float:right; text-decoration:none; margin-right: 5px">Toggle Deployments <i class="fa fa-eye"></i></a></li>

仅显示3个服务器，因此网站上的所有内容都可以显示在屏幕上（无滚动条）

wrapper也应该被隐藏。

View all servers

View only offline

Answer 1

你的意思是这样吗

if($(document).height() <= $(window).height()) {
    $('div').hide()
}