JQUERY根据页面高度显示返回顶部链接

Posted 2021-02-26

<script type="text/javascript">
$(document).ready(function(){
   var height = $("#main").height();
	if (height > 700) {
	  $(".top").show();
	 } else {
	  $(".top").hide();
	}
});
</script>
 
<div id="main" style="border:1px dashed #ccc;">
    <p>If content in this div gets higher than 700px, link will show</p>
</div>
<div class="top"><a href="#">Back to top</a></div>