仅在页面上没有滚动时隐藏div

问题描述 投票:-2回答:1

我试图隐藏div,但只有当page显示100%时,我正在尝试这样做,因为我已经添加了ScrollToTopScrollToBottom按钮到页面,此页面有一个服务器列表,您可以切换到只显示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

javascript jquery html css
1个回答
1
投票

你的意思是这样的吗?

if($(document).height() <= $(window).height()) {
    $('div').hide()
}
© www.soinside.com 2019 - 2024. All rights reserved.