Karim Shalapy karimshalapy

💭

I may be slow to respond.

A former metallurgy engineer that shifted his career to pursue his passion of being a developer.

karimshalapy / findOverflowParents.js

Created December 27, 2022 11:03 — forked from brandonjp/findOverflowParents.js

find overflow:hidden ancestors

	// when you're trying to use `position:sticky` on an element
	// you'll have trouble if any parent/ancestor element has
	// overflow set to anything other than "visible" (such as: auto,hidden,overlay,scroll)
	// & turns out if a parent is `display:flex` it might need some love
	// (to remedy this you can set the `align-self` of your sticky element)
	// see here for how the display & align-self properties affect: http://bit.ly/2ZaRu4o

	// so, to find those troublesome parents...
	// copy & paste this into Chrome Inspector/Dev Tools console
	// (and be sure to change the #stickyElement below, if needed)

karimshalapy / useScrollDirection.js

Created December 28, 2020 16:47 — forked from reecelucas/useScrollDirection.js

React hook to detect scroll direction, based on the API of https://github.com/dollarshaveclub/scrolldir

	const SCROLL_UP = "up";
	const SCROLL_DOWN = "down";

	const useScrollDirection = ({
	initialDirection,
	thresholdPixels,
	off
	} = {}) => {
	const [scrollDir, setScrollDir] = useState(initialDirection);