seanbuscay/non-stick-footer.js

Last active September 7, 2018 17:55

Star 0 You must be signed in to star a gist
Fork 0 You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/seanbuscay/540d85a7b0316d6e82c5c51d7b8c62bf.js"></script>
Save seanbuscay/540d85a7b0316d6e82c5c51d7b8c62bf to your computer and use it in GitHub Desktop.

Download ZIP

A js option to push a web page footer to the bottom of the page, but not have it act as a sticky footer.

Raw

non-stick-footer.js

	<script>
	$(document).ready(function() {

	var docHeight = $(window).height();
	var footerHeight = $('#footer').height();
	var footerTop = $('#footer').position().top + footerHeight;

	if (footerTop < docHeight)
	$('#footer').css('margin-top', 10+ (docHeight - footerTop) + 'px');
	});
	</script>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment