Javascript 如何使滚动按钮出现和消失

Javascript 如何使滚动按钮出现和消失,javascript,html,css,Javascript,Html,Css,我已经有一个按钮,可以平滑地向上滚动。但我需要它在没有滚动时消失,在没有jquery的滚动时出现 。向上滚动{ 宽度:40px; 高度:40px; 位置:固定; 底部:2rem; 右:2rem; 文本缩进:-9999px; 背景图片:url(https://i.stack.imgur.com/nkNki.png); } .向上滚动:悬停{ 光标:指针; } Lorem ipsum Door坐在阿梅特·康塞特图(amet Concertetur),一位精英。准重复发生的最小腐败行为,可能会导致严

我已经有一个按钮,可以平滑地向上滚动。但我需要它在没有滚动时消失,在没有jquery的滚动时出现

。向上滚动{
宽度:40px;
高度:40px;
位置:固定;
底部:2rem;
右:2rem;
文本缩进:-9999px;
背景图片:url(https://i.stack.imgur.com/nkNki.png);
}
.向上滚动:悬停{
光标:指针;
}
Lorem ipsum Door坐在阿梅特·康塞特图(amet Concertetur),一位精英。准重复发生的最小腐败行为,可能会导致严重、严重或严重的后果!这是一个很小的罪过,因为它是一个国家的建筑设计师。建筑设计师伊塔克·拉博里奥萨姆·雷姆·迪格尼西莫斯·阿库桑蒂姆博物馆?Nostrum,eius nam est,Labor dolores veritatis qui vel fugia a减去由建筑师ducimus Paritatur设计的因盲而引起的因盲。必须在不动产减去不动产的情况下,重新分配解决方案。是否需要使用非暂时性驱避剂驱除累积物,以及是否需要在静脉内使用适当的预防措施?真正的智慧之父,神圣的圣母,神圣的圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母,圣母!波罗,多洛丽丝,我要去巴黎!是真的吗?授权人和非授权人可在所有时间内对所有财产进行授权,并可在所有时间内对所有财产进行授权。我是一个身体健康的人,我是一个理性的人,我是一个非理性的人!发明者尼西·奎特(nisi quia ut)是不是除全方位劳动外的所有人,都是科学研究者和研究者,他们的工作职责是什么?这是一个很好的例子!人的权利和权利,或最低限度的指控,以及腐败的质量,都是因为他们认为,他们的必要性是对罪过本身的排斥吗?他犯下了一个错误,那就是他在一次实习中犯下了一个错误,那就是共和国的建筑设计师在一次诉讼中也犯下了同样的错误。非同等条件下,发明者的照明质量应满足以下条件:最大值、最大值和最小值,以满足实际需要。我们的智慧是暂时的!我的朋友们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们,我的孩子们。根据授权和架构的要求,在发明人必须遵守的原则下,在可能的情况下再次发生的债务。我的身体是光明的,除了腐败之外,其他的解决方案都是腐败的解决方案,但实际操作水平很低,类似的方式阻碍了我们的工作!消耗性软组织、铜酸钠、静脉注射用的必要性选择、分娩时身体的代表性官员?我们的原则是,我们必须遵守共同的原则,必须遵守重大的时间义务,因为我们的责任是暂时的,因为我们的责任是绝对的。妨碍自由人行使临时代表权,使其享有合法权益,是否有必要行使临时代表权?自由的解决办法是消除对妇女的歧视,使她们的最低生活水平达到最低限度,以满足她们的需要,并为她们提供适当的补偿,以提高她们的生活质量。圣维尼亚姆圣比泰酒店?婴儿出生时的劳动是指婴儿、发明者和婴儿的身体。在同一地点,无论是在同一地点、同一地点还是在同一地点,都应该有一个有远见的人,甚至是一个有尊严的人。在莫迪的脸上减去开窍,将相似的消费放在必要的位置,在!身躯显贵们,我们的劳动大王们,我们的劳动大王们!腐败?Itaque,maxime eos。如果你是一个真正的自由主义者,那么你就有理由拒绝自由!杜洛雷斯博士?最大限度地减少,减去因面部疼痛而导致的疼痛。铜酸盐溶液中的驱虫剂是否具有足够的流动性?这是一个别名,它是一个发明人的错误,他犯了一个错误,那就是脸上的表情和脸上的表情都是真实的,他是一个建筑设计师?结论、错误解决方案、面临的腐败程度、持续的时间性同侧性债务、巨大的透明性疾病、必要性?如果你是一个健康的人,那么你的身体是否会因你的健康状况而受到影响?临时性静脉炎是一种被称为nemo possimus的疾病,它是一种被认为是致命的疾病的驱虫剂!错误自然、巨大和巨大的错误通常是指无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权、无主治权?在一个类似的机构中进行的实习,
function showBtnToTop(){
    if(window.innerWidth > 767){// 768 medium screen width
        if (window.scrollY >= x){ // x is a number, and it is the position when the button disappear
            $('#gotop').css("opacity", "100");// gotop is the id of the button
        }else{
            $('#gotop').css("opacity", "0");
        }
    }else{ // don't show the button in small screen
        $('#gotop').css("opacity", "0");
    }
}
window.addEventListener("scroll", showBtnToTop);