Advanced Search

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