lanshenghai
lanshenghai
/ 0_reuse_code.js
Last active
August 29, 2015 14:23
Here are some things you can do with Gists in GistBox.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
lanshenghai
/ findOverflowParents.js
Created
February 25, 2025 08:33
— forked from brandonjp/findOverflowParents.js
find overflow:hidden ancestors
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // 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) |