P. Mark Anderson pmark

Design system, tokens, and component engineering by day, indie game and AI tools by night

pmark / parallax-scrolling-grid.tsx

Created August 30, 2024 06:55

Parallax Grid with React and Tailwind

	import React, { useState, useEffect, useRef } from 'react';

	const ParallaxScrolling = () => {
	const [scrollY, setScrollY] = useState(0);
	const [contentHeight, setContentHeight] = useState(0);
	const containerRef = useRef(null);
	const contentRef = useRef(null);

	useEffect(() => {
	const container = containerRef.current;