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

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

Back to top 

对此

 
 
 Paragraph 1 
 
 Paragraph 1 
 
 Paragraph 1 
 
 Paragraph 1 
 
Back to top
  

我需要几乎像我这个问题一样但条件不同如何在页面上检测链接的PDF并显示使用jquery下载Adobe阅读器的消息？

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

Answer 1

就像是：

 var wrapper = $('#mainwrapper'); if (wrapper.outerHeight(true) > $(window).height()) { wrapper.append('
Back to top
'); } 

Answer 2

做这样的事情：

 $(document).ready(function(){ showHideControl(); $(window).resize(function(){ showHideControl(); }); }); function showHideControl() { var h = $(window).height(); var ch = $("#content").height(); if (ch < h) { $("#backControl").hide(); } else { $("#backControl").show(); } } 

html需要稍微更新一下：

 
 
 
 Paragraph 1 
 
 Paragraph 1 
 
 Paragraph 1 
 
 Paragraph 1 
 
 
Back to top