Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/shell/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅当第页上没有滚动时才隐藏div_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 仅当第页上没有滚动时才隐藏div

Javascript 仅当第页上没有滚动时才隐藏div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图隐藏一个div,但只有当页面显示100%时,我才这么做,因为我已经在页面上添加了ScrollToTop和ScrollToBottom按钮,该页面有一个服务器列表,您可以切换到仅显示脱机服务器,而不是联机服务器,如果列表太小,页面完全显示(因此不存在滚动条) 是否仅当无法滚动时才可以隐藏div <div class="wrapper"> <a href="javascript:;" id="scrollToTop">&#x25B2;</a>

我试图隐藏一个
div
,但只有当
页面显示
100%
时,我才这么做,因为我已经在页面上添加了
ScrollToTop
ScrollToBottom
按钮,该页面有一个服务器列表,您可以切换到仅显示
脱机
服务器,而不是联机服务器,如果列表太小,页面完全显示(因此不存在滚动条)

是否仅当无法滚动时才可以隐藏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台服务器,因此网站上的所有内容都可以显示在屏幕上(无滚动条)

    包装器
    也应该隐藏


    你的意思是这样的吗

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

    if($(文档).height()请分享您的代码或类似代码,以便我们能清楚地理解。为什么不在滚动后显示div呢?我已经添加了页面的屏幕截图,所以在第二张图片上,您可以看到滚动条消失了,因为屏幕与网页匹配。因此,上下按钮也应该隐藏。这就是我的意思是,是的!我不知道怎么做请解释什么不起作用。你是否将选择器更改为$('.wrapper').hide()是的,但当滚动条消失时,div没有。是否有延迟?设置超时一秒或更长时间可能会有所帮助。我尝试添加超时,但仍然没有任何作用。