Return to Snippet

Revision: 23898
at February 16, 2010 15:40 by vagrantradio


Initial Code
<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>

Initial URL
http://www.vagrantradio.com/demos/top_link/index.html

Initial Description


Initial Title
JQUERY DISPLAY BACK TO TOP LINK BASED ON PAGE HEIGHT

Initial Tags
resize, link, jquery, body

Initial Language
jQuery