Javascript 仅在使用CSS的较长页面中显示按钮

我应该如何为页面中的“totop”按钮指定CSS（首选仅CSS，或者CSS+JS），以便只有当页面内容长于用户屏幕高度时，按钮才可见。如果特定页面的内容适合特定设备的单个屏幕，我不希望按钮可见（无需滚动）。按钮的代码很简单：

<a href="#top" class="arrow-top">Top</a>

$（文档）。滚动（函数（）{
var y=$（this.scrollTop（）；
如果（y>100）{
$（'.arrow top'）.fadeIn（）；
}否则{
$（'.arrow top'）.fadeOut（）；
}
});
正文{
高度：2000px；
}
.箭头顶部{
显示：无；
位置：固定；
底部：2px；
右：10px；
填充：10px；
背景：#222；
颜色：#ddd；
}


if（$（window）.height（）这是我对一个类似问题的回答，但使用javascript:No my question的可能重复项与它所帮助的不同。@RajanBenipuri有人注意到点击
Top
完全禁用滚动。^ ^显然，
href=“
改为
href=“#”
），这是因为它只是供参考，因为没有jquery来补充这个问题。很明显，@Annabelle将来会为这个锚添加一些点击功能。