Gina Lee gg-1414

gg-1414 / parallax-changing-height-footer-js

Created April 12, 2020 21:54

	// Javascript
	document.addEventListener("DOMContentLoaded", function() {
	const placeholder = document.querySelector('.placeholder')
	const footer = document.querySelector('footer')

	// On DOMContentLoaded, set placeholder height to be equal to footer height
	updateHeight()

	window.addEventListener('resize', onResize)

gg-1414 / parallax-changing-height-footer-html

Created April 12, 2020 21:51

gg-1414 / parallax-short-fixed-footer-css

Created April 12, 2020 21:44

	/* CSS */

	header, main, .placeholder {
	position: relative; /* crucial for z-index to work */
	}

	header, main {
	z-index: 10;
	}

gg-1414 / parallax-short-fixed-footer-html

Created April 12, 2020 21:35

gg-1414 / fadein-topfold

Created January 19, 2020 02:48

	window.addEventListener('DOMContentLoaded', function() {
	window.addEventListener('scroll', handleScroll)
	})

	function handleScroll() {
	// Grab header
	const header = document.querySelector('header')

	// Grab mid-fold section (two siblings down from header)
	const midFold = header.nextElementSibling.nextElementSibling