The latest articles on DEV Community by David Maciejewski (@macx). https://dev.to/macx https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F788260%2F19cf84e0-01fe-43b6-9702-0f3f5b9d2836.jpg https://dev.to/macx en David Maciejewski Wed, 02 Feb 2022 10:41:33 +0000 https://dev.to/macx/sticky-back-to-top-button-with-intersection-observer-3id2 https://dev.to/macx/sticky-back-to-top-button-with-intersection-observer-3id2 <p>Unveils while scrolling. Instead of using a performance wasting scroll-trigger, this demo is using use a modern Intersection Observer.</p> <p>Open this demo in your browser, it's using 25 % of the <code>main</code> container height to unveil the Back-To-Top-Button.</p> <p><iframe height="600" src="https://codepen.io/macx/embed/eYeNMpJ?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen tutorial css html