仅当浏览器高度比页面短时，如何使用jquery显示“返回顶部”按钮？

如何在底部添加/显示“返回顶部”按钮div使用jqueryonly ifheight 浏览器高度比页面高度短，否则应该隐藏？

<p><a href="#mainwrapper">Back to top</a></p>

to this

<div id="mainwrapper">

<p> Paragraph 1 </p>

<p> Paragraph 1 </p>

<p> Paragraph 1 </p>

<p> Paragraph 1 </p>

<p><a href="#mainwrapper">Back to top</a></p>

</div>

我需要与我的这个问题几乎相同的但条件不同如何使用 jquery 检测页面上链接的 PDF 并显示下载 Adob​​e reader 的消息？

我需要轻量级简单的解决方案

就像是：

var wrapper = $('#mainwrapper');
if (wrapper.outerHeight(true) > $(window).height()) {
   wrapper.append('<p><a href="#' + wrapper.attr('id') + '">Back to top</a></p>');
}